Instructions: Everything in red can be changed to a number, attribute or url link. But it depends on the code you use and what attribute goes with what code.
To copy a code highlight it and press CTRL C to copy it.
Best way to learn HTML is experimenting with the code itself.

[COLOR CHART]

Image codes
Basic image tag
<img src="Image url goes here">
Positioning an Image
<IMG SRC="Image url goes here" STYLE="position: absolute; left: 0; top: 0;"> 
Using an image for linking
<a href="link url goes here"><img src="Image url goes here"></a>
All in one Image tag
<img src="image url goes here" alt="description of image" width="0" height="0" border="0" align="left">
Tables
Basic Table
<table width="0" border="0" cellspacing="0" cellpadding="0" align="center">image/text goes here</table>
Table with bgcolor, border and border color
<table width="0" border="0"  bordercolor="color goes here" cellspacing="0" cellpadding="0" align="center"> <tr><td bgcolor="color goes here">text or image goes here</td></tr></table>
Example of the table code shown above
A more complicated table
<table border="0" bordercolor="color goes here" cellpadding="0" cellspacing="0"> <tr> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> </tr> <tr> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> </tr> <tr> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> <td>Image/text</td> </tr> </table>
Example of above code
Image/text Image/text Image/text Image/text
Image/text Image/text Image/text Image/text

Note: If you wanna center your text or image within this table just add
» align="center" « inside the Td part.
Example: <td "align=center">www.blx.topcities.com</td>
Raining effect using tables
<TABLE STYLE="position: absolute; width: 0; left: 0; top: 0; z-index: 0"><TR><TD><MARQUEE DIRECTION=DOWN HEIGHT=0 SCROLLDELAY=0> <IMG SRC="image url goes here"></MARQUEE></TD></TR></TABLE>
Positioning AA friends list
<TABLE BORDER=0 STYLE="position:absolute; left:0; top:0; z-index:0;"><TR><TD>
Style tags/CSS
Changing the image of your input text area/notes
<STYLE TYPE="text/css"><!-- INPUT,TEXTAREA {background: bgcolor goes here url(image url goes here); border-style: dotted or solid; color="color of input text border goes here";} //--></STYLE> 
Changing color of scrollbar
<STYLE TYPE="text/css"> <!--BODY{scrollbar-face-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-darkshadow-color:BLACK; scrollbar-track-color:white;scrollbar-arrow-color:WHITE}--> </STYLE>
Changing font size and font face
<STYLE TYPE="text/css"><!-- FONT {font-size: 8pt; font-family: lucida sans; font color:white;} --></STYLE>
Changing font size and color of your AA sn
<STYLE TYPE="text/css"><!-- B {color: blue; ;font-size: 10px;} //--></STYLE>
Fixed background (background that stays in place)
<style type="text/css"><!--body {background: url(image url goes here) fixed; background-color:color of background goes here;}//--</style>
Changing the bgcolor,links visited links etc...without the style tags
<BODY BGCOLOR="black" text="black" link="black" vlink="black">
Changing colors of links and hover color
<style type="text/css"><!-- a:link {color: color of link goes here; text-decoration: none} a:active {color: color of active link goes here; text-decoration: none} a:visited {color: color of visited link goes here; text-decoration: none} a:hover {color: color of hover color goes here; text-decoration: none} --></style>
Changing cursor
<STYLE><-- BODY {cursor:cursor of your choice goes here} //--></STYLE>
Cursors
n-resize, ne-resize, e-resize, se-resize, s-resize, sw-resize, w-resize, nw-resize, help, move, pointer,  wait, auto, default
Page border
<STYLE TYPE="text/css"> BODY {border-style: ridge; border-top-width: 15px; border-bottom-width: 15px; border-left-width: 15px; border-right-width: 15px; border-color: color of border goes here;}</style>
The style tag below covers everything on your AA page just change the stuff in red to fit your page.
<style type="text/css"><!--body {background:url(image url goes here)fixed; background-color:black} a:link{color:red; font-family:Comic Sans MS;cursor:none;text-decoration:none;}a:active{color:red;font-family:,tahoma;cursor:none;text-decoration:none;}a:visited{color:white;font-family:Comic Sans MS;text-decoration:none;cursor:none;}a:hover{color:white;font-family:Comic Sans MS;text-decoration:underline overline;cursor:none;}textarea,input{background:white; color:blue;bordercolor:navy;overflow:hidden;border:solid;font-size:8pt;font-family:Comic Sans MS;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;}font{color:black;font-family:Comic Sans MS;cursor:none;font-size:8pt;}td{text-align:center;cursor:none;scrollbar-face-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-darkshadow-color:BLACK; scrollbar-track-color:white;scrollbar-arrow-color:WHITE}--></style>
Text box and div tags
Basic text box
<textarea rows="5" cols="50" style="background:NAVY" style="font-family:Your font family goes here" style="color:red" "style="border style:solid">Your text goes here</textarea>
Drop down list box
<select style="background-color: bgcolor goes here; color: Font color goes here; font-family: Comic Sans MS; font-size: 10px;"><option>Text goes here</option><option>text1</ option><option>text2</option><option>text3</option><option>text4</option></select>
Postioning text box
<div id="scroll3" style="width:250;height:100; background-color:black; overflow:auto;position: absolute;top:0;left:0;"> Text/image goes here</div>
Fonts
Basic font tag
<font face="Comic Sans MS" size="3" color="blue">www.blx.topcities.com</font>
Text that glows I.E only
<TABLE BORDER=0 STYLE="filter:glow(color=color of font goes here,direction=150,strenght=3)"><TR><TD>text goes here</TD></TR></TABLE>
Putting Music
Basic music tag
<BGSOUND SRC="Music url goes here" LOOP="infinite autostart="true"">
Embeded tag for real player music (does not work on AA)
<EMBED SRC="music url goes here" width="150" height="50"  control="smallconsole" autostart="true" loop="true" type=audio/x-pn-realaudio-plugin exts=ra, ram init fn=load>
Marquee tags
Basic Marquee
basic marquee
<marquee>Text /Image</marquee>
Bouncing marquee
Bounce babe
<marquee behavior=alternate> Text /Image</marquee>
Marquee w/bgcolor
TEXT HERE
<marquee bgcolor=gray> TEXT HERE</marquee>
Marquee directions
<marquee direction=ENTER A DIRECTION>TEXT HERE</marquee>
Marquee speed
TEXT HERE
<marquee scrollamount=ENTER NUMBER>TEXT HERE</marquee>
Marquee width
<marquee width=percent OR number>TEXT HERE</marquee>
Marquees can be combined into one big tag shown below
Hello welcome to html help
<marquee behavior="scroll" bgcolor="#0000ff" scrollamount="15" loop="-1" width="200" direction="right" ><font color="#FFFFFF">Hello welcome to html help</font></marquee>
Misc html codes
Center image or text
<center>image or text goes here</center>
Line break
<hr width="59" color="#ff0000">
Underline text
<u>text here</u>
Bold text
<b>Bold text</b>
Italic text
<i>Italic text</i>

Header text

<h1>Header text</h1>
To change size of header text just change the number.
Break or Non-breaking Space
<br> or &nbsp;
Paragraph
<p> html help</p>
To align paragraph add the following attribute.
Align="left,center or right"
Example of paragraph align tag below
<p align="left">text goes here</p>