Basics Tables Frames
HTML Javascript
Colors DHTML
Fun Stuff
Fun Stuff
How do I add images? This is very easy (substitute your own info where you see bold text):

<img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name">

To center the image, this is what you do:

<center><img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name"></center>

You can also use the align attribute to align images to the left, center, and right (left is the default):
<img src="turtle.gif" align="left">
<img src="turtle.gif" align="center">
<img src="turtle.gif" align="right">
Remember that you need to upload the images to your server space. If you don't, when you look at your page you will see a red x where the image should be. This means you either didn't upload it, or there is an error in your HTML code.
How do I add spaces between my images? You can add vertical and horizontal spaces to your images using a tag called vspace or hspace. Vspace is the vertical space (space above and below) tag and hspace is the horizontal space (space from side to side) tag. Add the space tag to your img src tag like this:

<img src="cat.gif" hspace="15">

Using the above tag will give you a space between 2 images of 15 pixels. You can add the vspace and the hspace tags together to create space above, below, and beside your images.
How do I make hyperlink images? This is the question that I am asked the most! It is very simple. Upload the image to your server, then copy and paste this code into your editor, but add your own file name:

<a href="address you want image to click to"><img src="your file name.gif(or jpg)" border="0"></a>

It is also really nice to have the image width and height included in the tag because your page will load faster and it looks better. You can also include an ALT tag which will give people something to look at while your page is loading. To find out what the image height and width are, you right click on your image and choose "properties." Unless you are using an older browser it should tell you the dimensions of your image in pixels. You just need to change the code a little (substitute your own info where you see bold text):

<a href="address you want image to click to"><img src="your filename.gif(or jpg)" border="0" width="000" height="000" alt="pick a name"></a>

If you do not include the tag <border="0"> you will see a border around your image.

*Some Web hosts require you to link to the image with your whole URL, if you're having problems with images showing up try this: <a href="address you want image to click to"><img src="your webpage address/your filename.gif(or jpg)"></a>
How do I add an e-mail link? This is called a "mailto" and this is how you do it (substitute your own info where you see bold text):

<a href="mailto:your address">your name</a>

To add a mailto link (centered) with an image this is what you do:

<center><a href="mailto:your address"><img src="your filename.gif" width="000" height="000" alt="E-Mail" border="0"></a></center>

This is what it would look like:
How do I add a drop-down menu on my page?   Adding a drop-down menu is pretty simple. You just add the following code, but add your own links and information (color, font, font size, background color).
It looks like this:
If you would like a menu without the "go" button, you can use this code instead
It looks like this:
Special Characters
The following chart shows the special characters that can be made with any keyboard using the Alt key and the number pad on the right of your keyboard. While holding down the Alt key, type in the 3 or 4 number code that precedes the character you would like to make. When you're finished typing in the number code, let go of the Alt key and your character will appear.

131 â  163 ú  194 -  225 ß
132 ä  164 ñ  195 +  226 _
133 à  165 Ñ  196 -  227 ¶
134 å  166 ª  197 +  228 _
135 ç  167 º  198 ¦  229 _
136 ê  168 ¿  199 ¦  230 µ
137 ë  169 _  200 +  231 _
138 è  170 ¬  201 +  232 _
139 ï  171 ½  202 -  233 _
140 î  172 ¼  203 -  234 _
141 ì  173 ¡  204 ¦  235 _
142 Ä  174 «  205 -  236 _
143 Å  175 »  206 +  237 _
144 É  176 _  207 -  238 _
145 æ  177 _  208 -  239 _
146 Æ  178 _  209 -  240 _
147 ô  179 ¦  210 -  241 ±
148 ö  180 ¦  211 +  242 _
149 ò  181 ¦  212 +  243 _
150 û  182 ¦  213 +  244 _
151 ù  183 +  214 +  245 _
152 ÿ  184 +  215 +  246 ÷
153 Ö  185 ¦  216 +  247 _
154 Ü  186 ¦  217 +  248 °
155 ¢  187 +  218 +  249 •
156 £  188 +  219 _  250 ·
157 ¥  189 +  220 _  251 _
158 P  190 +  221 ¦  252 n
159 ƒ  191 +  222 _  253 ²
160 á  192 +  223 _  254 _
161 í  193 -  224 _  255 _
162 ó         
0131 ƒ  0163 £  0194   0225 á
0132 „  0164 ¤  0195 à 0226 â
0133 …  0165 ¥  0196 Ä  0227 ã
0134 †  0166 ¦  0197 Å  0228 ä
0135 ‡  0167 §  0198 Æ  0229 å
0136 ˆ  0168 ¨  0199 Ç  0230 æ
0137 ‰  0169 ©  0200 È  0231 ç
0138 Š  0170 ª  0201 É  0232 è
0139 ‹  0171 «  0202 Ê  0233 é
0140 Œ  0172 ¬  0203 Ë  0234 ê
0141 ?  0173 ­  0204 Ì  0235 ë
0142 ?  0174 ®  0205 Í  0236 ì
0143 ?  0175 ¯  0206 Π 0237 í
0144 ?  0176 °  0207 Ï  0238 î
0145 ‘  0177 ±  0208 Р 0239 ï
0146 ’  0178 ²  0209 Ñ  0240 ð
0147 “  0179 ³  0210 Ò  0241 ñ
0148 ”  0180 ´  0211 Ó  0242 ò
0149 •  0181 µ  0212 Ô  0243 ó
0150 –  0182 ¶  0213 Õ  0244 ô
0151 ù  0183 +  0214 +  0245 _
0152 ÿ  0184 +  0215 +  0246 ÷
0153 Ö  0185 ¦  0216 +  0247 _
0154 Ü  0186 ¦  0217 +  0248 °
0155 ¢  0187 +  0218 +  0249 •
0156 £  0188 +  0219 _  0250 ·
0157 ¥  0189 +  0220 _  0251 _
0158 P  0190 +  0221 ¦  0252 n
0159 ƒ  0191 +  0222 _  0253 ²
0160 á  0192 +  0223 _  0254 _
0161 í  0193 -  0224 _  0255 _
0162 ó