.:Recommended Viewing: 1024*768, with 32bit Colour. On IE 4+:.

.:Basics and what you need to know:.

Ok, first of all its always good to know what HTML stands for, are you ready for this? lets hope so, Hyper Text Markup Language Actually, Hyper Text is one word, Hypertext.. but to make it easier for you i put it as two. now to learn what a hypertext transfer protocal is, HTTP = hypertext transfer protocal, its good to know these things when they deal with hypertext.

.:Links:.

Ok now for a short lesson on links, its simple: <a href="URL"> to make an image a link, do this: <a href="URL"><img src="URL OF IMAGE"></a> Aight, now moving on to images.

.:Image Attributes:.

Here is your basic image tag: <img src="URL"> well here is what you can insert in that tag: alt="IMAGE MOUSEOVER TEXT" This will add mouseover text to your image border="BORDER IN PIXLES" This will place a border around your image width="WIDTH IN PIXLES" This will set the width of your image height="HEIGHT IN PIXLES" this will set the width of your image

.:Fonts:.

This is a font tag: <Font> now dont forget that after your done with your font tag, you have to do this, </font> Here are the font tag attributes: face="FACE SUCH AS VERDANA OR ARIAL" This will change the face of your text size="IN PIXLES" This will change the size of your text style="STYLE ATTRIBUTES" You can do things like glow text with the style attribute color="COLOR HEX OR SAFE COLOR" this will change to color of your text. <i>"SOME TEXT"</i> This will italize yoru font. <b>"SOME TEXT"</b> This will give you bold text. <s>"SOME TEXT"</s> This will make your text strikethrough ok lets put a font tag together, say you want to make some text size 3 and be the color red. this is what you would do, <font color="#FF0000" size="3"> "this is some red size 3 text"</font> now that would make your text size three and the color red, if you want a color hex sheet, go here, Webmonkey.com. youc can basically add anything in a font tag, accept the bold and italize and strikethrough stuff, that is just single in itself. but other than that you can do a lot.

.:Marquee:.

Now, lets look at a tag that i like to call a marquee, it does a little something like this: this is some marqueeing text here is a basic marquee tag <marquee>"text goes here"</marquee> to insert stuff in the marquee, it would look a little like this <marquee behavior="alternate">text</marquee> that would make the marquee bounce back and fouth. here is a table full of attributes you can insert into a marquee tag BEHAVIOR= This is what you will use for behavior BEHAVIOR=ALTERNATE This is Alternating Text BEHAVIOR=SCROLL this is come scrolling text BEHAVIOR=SLIDE this is sliding text DIRECTION=RIGHT this is going right DIRECTION=LEFT this is going left DIRECTION=UP use sparingly DIRECTION=DOWN use sparingly WIDTH= you can put any width in there in pixels or % BGCOLOR=HEX COLOR this has a black background well that about raps it up for Marquee, its actually really easy once you get the hang of it. :)

.:Tables:.

Ok, now this is where it gets interesting, you have your tables, in wich, this entire document is made up of a series of tables. in a table you have many many things, but the primary tags are, <table> <tr> <td> the ending tags are: </table> </tr> </td> here are some elements you can insert into the table tag. width= insert any width in here using pixels or % height= insert any height in here using pixels or % border= insert any border size in here using pixels or use hside or vside cellpadding= cellpadding is the padding inside the table cellspacing= cellspacing is border and table spacing bgcolor= change the background of the table background="URL" give your table a background image align= align it center, right, top, left, or bottom valign= vertically align it bordercolor= last but not least, bordercolor this is an example of a table: <table align="center" bgcolor="#333333" width="200" cellspacing="0" cellpadding="0" border="1" bordercolor="#000000"> <tr> <td align="center"> "this is the content" </tr> </td> </table> This would be the result of that: "this is the content" thats not quite all of them, but thats about all you really need. view source on this site to see more table stuff. now moving on to inline frames! YAY!

.:Inline Frames:.

Well there isnt that much to iframes, besides only the MSIE browser can view them, so this is going to be a very, very short tutorial on them. basically, this is what it consists of: <IFRAME SRC="URL" WIDTH="" HEIGHT=""></IFRAME> here is an example of a working iframe: well hopefully you get the hang of it. thats about it for my tutorial, its for n00bs, i could tell you a lot more, but i really dont think i need to. you can go here for a damn good tutorial, Echo Echo.com Other than that all i got to say is visit my forums! Thanks! :D

Tutorial created by Kwama King Use as much as you like.