Have you ever feel headache when dealing with the HTML codes and tags? Don't worry, here in WebPage SOS, you can find most of the tags and codes that you need. I will help you with all my knowledge on the HTML codes and tags. If you found that there are some codes or tags missing, please e-mail me and tell me about it. Thank Q!.

        Click on the links below to go to parts that you are interested in HTML. Still, I wish that you could click on all the links. :)

 

Tags & Codes Basic Miscellaneous Advance
 
Here are some CSS codes which you can use. Help with tables and forms will be added soon. If you need help on certain codes or tags and you couldn't find them here, e-mail me and I'll try my best to help you.

I get most of these codes from LissaExplains and Funky-Chickens. There are more useful codes there.

 
The underline of the link doesn't look nice? Get rid of it! How? See below! You must put these codes between the </TITLE> and </HEAD> tags. Remember that it only works for newer version browsers.

<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>

The none means there will be no underline for the links.

 
 
 
You can make your links change color on mouseover too! Well, yes, this only works with newer version browsers.

<style type="text/css">
<!--
A:link { text-decoration: none; color:"#xxxxxx" }
A:visited { text-decoration: none; color:"#xxxxxx" }
A:hover { text-decoration: none; color:"#xxxxxx" }
-->
</style>

If you want to keep the underline of the links, change the none to underline. You can also try with other text-decorations. There are none, underline, overline, underline overline, line-through and blink (Netscape only). All you have to do is replace either one of them with none.

There are actually four types of links, which are link, visited, hover and active. We normally ignore active. You have to set the text-decoration according to these.
 
 
 
Now, you can change the background color and add a background image of your link when mouseover too. Try this.

A:hover { text-decoration: none; color:"#xxxxxx"; background: #xxxxxx }

A:hover { text-decoration: none; color:"#xxxxxx"; background-image:url(firefaerie.gif) }

 
 
 
If you want to change the cursor when mouseover, copy the codes down here.

<a href="url" style="cursor:wait"><img src="firefaerie.gif"></a>
or
<a href="url" style="cursor:wait">Your message here</a>

Okie, if you don't want this cursor, you can try the others. There are wait, crosshair, hand, help, text, move, n-resize, e-resize, s-resize, w-resize, ne-resize, nw-resize, se-resize and sw-resize.