Code Dictionary

Here's a partial list of basic HTML codes to know. E-mail me if you have a code to add!

Accents - é = é, ë = ë, ê = ê. &#acute; with a letter of your choice replacing the # gives a slanted accent, &#uml; with a letter of your choice replacing the # gives a double-dot accent, and &#circ; with a letter of your choice replacing the # gives an inverted-V accent.

Background color - <body bgcolor="######"> Replce ###### with a hexidecimal color code of your choice and add this to the body tag on your page.

Background image - <body background="http://www.site.com/image.jpg"> Add this to the body tag on your page, and replace http://www.site.com/image.jpg with the URL of your image.

Blur - Example: blurred content. Code: <span style="filter: blur(add=false, direction=#, strength=#); width:#px;font-size:#pt;">blurred content</span> Replace the # after direction with the angle direction you want the content to blur in (example: 90), and the # after strength with the strength you want the effect to have (use 1 for a weak effect; use 20 for a very strong effect). Replace the width:#px with the width in pixels that you want the text to be, and the font-size:#pt with the font point size you want.

Bold text - Example: bold text. Code: <b>bold text goes here</b>

Bookmark page - Example:

Code: <form><input type="button" value="text on button" onclick='window.external.AddFavorite(location.href, document.title);'></form> Replace "text on button" with what you want the button to say.

Center - <center>centered content goes here</center>

Copyright - Example: ©. Code: &copy;

Double paragraph break - <p>&nbsp;<p>

E-mail link - Example: click to write to the e-mail address. Code: <a href="mailto:you@server.com">click to write to the e-mail address</a> Replace you@server.com with your e-mail address, and "click to write to the e-mail address" with what you want people to click on. Do NOT put a space between mailto: and the e-mail address.

Font color - Example: colored text goes here. Code: <font color="######">colored text goes here</font color> Replace ###### with a hexidecimal color code of your choice.

Font face - Example: text goes here. Code: <font face="font name">text goes here</font face> Replace "font name" with the name of your font (the example font is Times).

    Variation - alternate fonts: <font face="font name 1,font name 2,font name 3,etc">text goes here</font face> Replace "font name 1", "font name 2", and "font name 3" (and keep going on if you want) with the names of fonts you'd like to appear, in order of preference (if the user doesn't have the first font installed, the second font will show up, and if the user doesn't have the second font installed, the third font will show up, etc.).

Font size - Example: using +1. Code: <font size="#">sized text goes here</font size> Replace # with the font size of your choice (font sizes run from -6 to +6, -6 being the smallest).

Glow - Example: using color white and strength 5. Code: <span style="filter: glow(color=#------, strength=#); width:#px;font-size:#pt;">glowing content</span> Replace ------ with the hexadecimal color code of your choice and the # after strength with with a number (1 will be a weak effect; 20 will be a very strong effect). Replace the width:#px with the width in pixels that you want the text to be, and the font-size:#pt with the font point size you want.

Heading - <h#>heading goes here</h#> Replace both #s with a heading number (heading sizes run from 1 [the biggest] to 6 [the smallest]).

Horizontal flip - Example: flipped content. Code: <span style="filter: FlipH"; width:#px;font-size:#pt;>flipped content</span> Replace the width:#px with the width in pixels that you want the text to be, and the font-size:#pt with the font point size you want.

Horizontal line - Example:

Code: <hr>
    Variations - line width change: <hr width="##">
    line color change: <hr color="######">

HTML symbols - Use &lt; for < and &gt; for >

Image - <img src="http://www.site.com/image.jpg"> Replace http://www.site.com/image.jpg with the URL of your image.

    Variations - image with border: <img src="http://www.site.com/image.jpg" border="#"> Replace the # with the width you want the border to be (1 will be small; 20 will be huge)
    image with alt text: <img src="http://www.site.com/image.jpg" alt="alt text goes here"> The alt text will pop up in a yellow box when users hold their cursors over the image.

Image resize - <img src="http://www.site.com/image.jpg" width="##" height="##"> Replace each ## with the width and height in pixels that you want the image to be.

Image wrap - <img src="http://www.site.com/image.jpg" align="left"> If left is used, text will wrap around the right side of the image. If right is used, text will wrap around the left side of the image.

Inline frame - Example:

Code: <iframe src="http://www.site.com" width="##" height="##"></iframe> Replace http://www.site.com with the URL of the site you want in the frame, and replace the ##s with the width and height you want the frame to have.

    Variation - borderless frame: <iframe src="http://www.site.com" width="##" height="##" border="0"></iframe>

Italics text - Example: italics. Code: <i>italics text goes here</i>

Left align - <p align="left">left-aligned content goes here</p>

Line break - <br>

Link - Example: link. Code: <a href="http://www.site.com">text to click on</a>

    Variations - linked image: <a href="http://www.site.com"><img src="http://www.site.com/image.jpg" border="0"></a> (take out the border="0" if you want the default border that linked images have)
    non-underlined link: <a href="http://www.site.com" style="text-decoration: none">text to click on</a>
    new window link: <a href="http://www.site.com" target="_new">text to click on</a>
    button link: Example:
    Code: <form method="link" action="http://www.site.com"><input type="submit" value="text on button"></form> Replace "text on button" with the text you want to have on the button link.
    pop-up text: Example: hold your cursor over this. Code: <a href="http://www.site.com" title="text to pop-up">text to click on</a>

Marquee - See scrolling text

Music embedding - <embed src="http://www.site.com/music.mp3" autostart="true" loop="false" width="#" height="#"></embed> Replace http://www.site.com/music.mp3 with the URL of your music. If you want the music to start automatically, keep autostart at true; if not, change it to false. If you want the music to repeat, change the loop value to true (if not, leave it as is). Replace the #s under height and width with the dimensions you want the control box to have (setting both to 0 will make an invisible control box).

Paragraph break - <p>

Refresh page - <meta http-equiv="refresh" content="5; url=http://www.site.com"> Change http://www.site.com to the site you want the viewer to be transferred to, and "5" with the number of seconds you want it to take until it transfers the viewer.

Right align - <p align="right">right-aligned content goes here</p>

Scrolling text - Example: wheeee...Code: <marquee>scrolling text goes here</marquee>

    Variation - opposite direction scroll: Example: wheeee...Code: <marquee direction="right">scrolling text goes here</marquee>

Shadow - Example: shadowed content. Code: <span style="filter: shadow(color=#------, direction=##); width:#px;font-size:#pt;">shadowed content</span> Replace ------ with the hexadecimal color of your choice, and replace ## with the angle direction you want to give the shadow. Replace the width:#px with the width in pixels that you want the text to be, and the font-size:#pt with the font point size you want.

Struck-through text - Example: struck-through text. Code: <s>struck-through text goes here</s>

Sub-script - Example: sub-scripted text. Code: <sub>text goes here</sub>

Super-script - Example: super-scripted text. Code: <sup>text goes here</sup>

Typerwriter text - Example: typewriter text. Code: <tt>typewriter text goes here</tt>

Underlined text - Example: underlined text. Code: <u>underlined text goes here</u>

Vertical flip - Example: flipped content. Code: <span style="filter: FlipV"; width:#px;font-size:#pt;>flipped content</span> Replace the width:#px with the width in pixels that you want the text to be, and the font-size:#pt with the font point size you want.

Video embedding - <embed src="http://www.site.com/video.mov" autostart="true" loop="false" width="#" height="#"></embed> Replace http://www.site.com/video.mov with the URL of your video. If you want the video to start automatically, keep autostart at true; if not, change it to false. If you want the video to repeat, change the loop value to true (if not, leave it as is). Replace the #s under height and width with the dimensions of the video.