There are some tags in HTML which must be used, whilst others are enhancing, but not essential.
Below I shall list the essential tags and there uses:
<HTML></HTML> This tells the browser that the language between the tags is going to be HTML so it knows how to read it.
Inbetween those tags come <BODY></BODY> These tags tell the browser that all the content that you wish to be displayed is in there.
They are the only essential tags for HTML! The list is short but if you only use them your site would look something like this:
http://www.vpc-hack.net/tut/basic/html
(site currently down =[)
Below I shall list some of the other tags that can be used:
<HEAD></HEAD> These tags will give you the ability to place a title for your page (the thing that goes at the very top of the browser above the address bar) or add other code such as CSS.
<TITLE></TITLE> These tags are placed within the <HEAD> tags and contain the title for your page (the thing at the very top of the browser above the address bar).
<BR> This tag is a line break, or a new line, in HTML hitting enter and going onto a new line won't display on the webpage, to make a new line you have to type <BR> where you want the new line to be.
<P> This is a new paragraph, much like the <BR> tag but with a slightly larger gap.
<CENTER></CENTER> The content between these tags will be aligned in the center of the page.
<ALIGN="left"></ALIGN> This will align all the content to the left of the page (which it does automatically).
<ALIGN="right"></ALIGN> The content between them to tags will be aligned to the right.
<BODY bgcolor="example"> This tag is built to replace the normal <BODY> tags and will give the page a background. (Note: COLOR is the correct spelling in HTML)
<FONT COLOR="example"></FONT> The content between these two tags will be the specified colour.
<FONT SIZE="1/2/3/4/5/6 etc"></FONT> The content between these tags will be the specified size (1 smallest upto 6 the largest)
<IMG SRC="/the/directory/its/kept/in/exapmle.extension"> THis will display the specified picture from the specified directory.
On windows it must contain the full path (C:\whatever)
If the picture you try to place is huge you can make it smaller by doing... <IMG SRC="/the/directory/its/kept/in/exapmle.extension" width="480" height="480">
That will give a width of 480 pixels and a height of 480 pixels.
Click <A HREF="/example/page2.extension">here</a> for a picture of a cat! That is an example of a link to a page called page2, the extension can be replaced by a number of file extensions, but most commenly either .php or .html
External pages can be linked to aswell using the same thing but when adding the link add it like this: <A HREF="http://95gms.co.cc">Click Here!</a> using http:// instead of www.
<li> This tag is a bullet point. You can use it to make a list i.e.
Shopping list:
<li> Milk
<li> Eggs
<li> Butter
<TABLE>
<tr>
<td>
</tr>
</td>
</TABLE>
The above would make a table with rows 1 and dimensions 1 (so it would be 1 row down and 1 across (the rows stretch to any size if you just keep typing)).
The table comes with a border, but you can remove this border and make it larger if you like by replacing the opening <TABLE> tag with this:
<TABLE border="1"> Replacing 1 with hos thick you want it (the higher the number the thicker the border).
<!--This is a comment!--> This tag is for comments, it will be ignored by browsers and not displayed on the page, even unless someone views you're page source.
Full example page with everything on it coming soon.
