HTML tutorial

View previous topic View next topic Go down

HTML tutorial

Post by Lsmjudoka on 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:

Some text


Some more text
You would actually get:

Some text Some more text


In order to override that, you can use things like <p> and <br>
Spoiler:

NOTE: <br> should be used with a closing, slash, eg "br /". But this forum won't let me do that.
<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:

<p>Some text</p>
Some more text
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
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: HTML tutorial

Post by Lsmjudoka on 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.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: HTML tutorial

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

Note taken...
avatar
Asharana
Human
Human

Posts : 13
Join date : 2014-08-15
Age : 30
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

Re: HTML tutorial

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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