Return to home page

Mary's HTML Cheat Sheat

Look at the bottom of the page for instructions about items in red

Start all pages with:
<HTML>
<HEAD>
<TITLE>Page title</TITLE>
</HEAD>
<Body background="imagefile.gif" bgcolor=color text=color link=color vlink=color alink=color>

Other tags:
Headline 1 (bigest) -- <H1>Text</H1>
Headline 6 (smallest) -- <H6>Text</H6>
Note on headlines: if headlines are used, all text on a line must be the same headline.

Italics -- <i>Text</i>
Bold -- <b>Text</b>
Underline -- <u>Text</u>
Other font stuff -- <font color=color size=fontsize face="font name">Text</font>
Center line -- <center>Text</center>

Link -- <a href="URL">Text</a>
Image -- <img src="imagefile.gif"> (no need for an ending tag!)

New line -- <BR> (no need for an ending tag!)
New Paragraph -- <P> (no need for an ending tag!)

End all pages with:
</BODY>
</HTML>

Notes
imagefile.gif: the name of a file in the current directory. If the file is in another directory use "dirname/filename.gif"
font name: any font name will work, but if the viewers don't have the font on their computer, then it will show up as the default font.
font size: 1 is the smallest, 7 is the biggest; you can use +# or -# to make the font smaller or larger.
URL: for internal pages in the same directory use: filename.html; for internal pages in a different directory use: dirname/filename.html. For external sites use the full address: http://www.starwars.com

/ takes you to the root. ie. /index takes you to the [c] drive and finds any loose files labeled index. (Don't use it)
./ takes you to the current directory
.. takes you to the parent of the current directory
../takes you to the parent of the current directory, and the slash then takes you into that directory to a file name.
(See the examples in Desmarais family directory when Tristan and Kierans pages need to link back to Kims page, or to each other.)


Color: Just name a color if you want or use hexidecemal numbers (see the program I'll send with you).

To see the HTML source code used on any page: right click on the page and select "view source".

To save a graphic from any page: right click on the graphic and select "save image to disk". Make sure to remember what directory you put it in!!

Good Luck!!

And may the Source be with you!