World of Bleach - Forum
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HTML tutorial

2 posters

Go down

HTML tutorial Empty HTML tutorial

Post by Lsmjudoka Wed Aug 04, 2010 5:36 am

-Intro to HTML-
HyperText Markup Language(HTML) is mostly a set of "tags" used to control how a webpage is shown. Tags are enclosed in angle brackets to identify them. Example:

<p>A paragraph(p). This is a paragraph of text</p>

Tags must be "closed", or unexpected results may occur. Example with styles:

<b>Bold text</b>
<i>Italic text</i>
<u>Underlined text</u>

<b><u>A bold, underlined title</u></b>
Some text below it...

<b><u>A bold, underlined title that isn't closed
Some text below it...


Empty Space
One thing you have to keep in mind with HTML is that it doesn't treat empty space literally. Like if you wrote:
Spoiler:
You would actually get:

Some text Some more text


In order to override that, you can use things like <p> and <br>
Spoiler:
<p> (paragraph) is the basic building block of HTML. It takes a block of text and separates it from text around it. For instance:
Spoiler:
Some text

Some more text


<br > just inserts a line break(goes to the next line), similar to pressing "enter" on your keyboard.

Code:

Some text <br >
<br >
<br >
Some more text
Some text


Some more text


-Example pages-
Here there are links to example pages, and the plain text versions. Take a look, save them to your computer and play around with them.

Basic HTML intro page:
Webpage
Plain text

More example pages:
Tables(Courtesy of Setsuna)
CSS box model and inheritance


Last edited by Lsmjudoka on Mon Feb 14, 2011 1:35 pm; edited 21 times in total
Lsmjudoka
Lsmjudoka
Administrator
Administrator

Posts : 470
Join date : 2010-01-22

Back to top Go down

HTML tutorial Empty Re: HTML tutorial

Post by Lsmjudoka Sun Oct 10, 2010 9:43 pm

A couple more examples have been added. If you have a page you'd like to add to the list, post the link up in here... If you have questions about the pages above, ask away.
Lsmjudoka
Lsmjudoka
Administrator
Administrator

Posts : 470
Join date : 2010-01-22

Back to top Go down

HTML tutorial Empty Re: HTML tutorial

Post by Asharana Fri Aug 15, 2014 12:15 pm

Note taken...
Asharana
Asharana
Human
Human

Posts : 13
Join date : 2014-08-15
Age : 36
Location : A-tilla ,IL(the town has a Nick name)

Character sheet
Name: Asharana
Title: 3rd Seet Squad 9
Race: Shinigami

Back to top Go down

HTML tutorial Empty Re: HTML tutorial

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum