HTML Quick Reference Guide


Essential parts to all HTML documents:

<HTML>
<HEAD>
<TITLE>...</TITLE>
</HEAD>
<BODY>
All page elements go in the body.
</BODY>
</HTML>

Formatting text:

Headings:
<H1>...</H1> (Largest)
<H2>...</H2>
<H3>...</H3>
<H4>...</H4>
<H5>...</H5>
<H6>...</H6> (Smallest)

Text Styles:

<B>...</B> Bold
<I>...</I> Italics
<U>...</U> Underline

Paragraph Returns:

<P> (Paragraph return / blank line)
<BR> (Break / line return)

Displaying an image/movie/sound:

Display a picture
<IMG SRC="file_name">
Show a movie
<A HREF="file_name">...</A>
Play a sound
<A HREF="file_name">...</A>

Creating a table:

<TABLE BORDER="1">
<TR><TD>Florida</TD><TD>Georgia</TD><TD>Ohio</TD></TR>
<TR><TD>Tallahassee</TD><TD>Atlanta</TD><TD>Columbus</TD></TR>
</TABLE>

HTML code above displays as following table:

Florida Georgia Ohio
TallahasseeAtlanta Columbus

Making lists:

Unordered List:
<UL>
<LI>Apples
<LI>Oranges
<LI>Watermelons
</UL>

HTML code above displays as following unordered list:

Ordered List:
<OL>
<LI>Apples
<LI>Oranges
<LI>Watermelons
</OL>

HTML code above displays as following ordered list:

  1. Apples
  2. Oranges
  3. Watermelons

Hypertext links and anchors:

Hyperlink to the Web
<A HREF="http://whereto.domain"> ...</A>
Make an internal anchor
<A NAME="anchor name">...</A>
Link to an internal anchor
<A HREF="#anchor name">...</A>
Send e-mail message
<A HREF="MAILTO:name@my.domain"> ..</A>

Sample code and Web page:

<HTML>
<HEAD>
<TITLE>Mrs. Smith's Fourth Grade</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<CENTER>
<H1>Welcome</H1>
<H3>to Mrs. Smith's Fourth Grade</H3><P>
<IMG SRC="books.gif" WIDTH=141 HEIGHT=114><P>
This is going to be a great year! Click on the links below for more information.<P>
|| <A HREF="HOMEWORK.HTM">Homework</A>
|| <A HREF="CALENDAR.HTM">Calendar</A>
|| <A HREF="MAILTO: mrssmith@myschool.edu">
E-mail the teacher</A> ||
</CENTER>
</BODY>
</HTML>

HTML code above displays as the following page:

Welcome

to Mrs. Smith's Fourth Grade

This is going to be a great year! Click on the links below for more information.

|| Homework || Calendar || E-mail the teacher ||

Web references

A Beginner's Guide to HTML
http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html

Bobby (checks site for accessibility)
http://www.cast.org/bobby/

ColorMaker (pick colors for your page)
http://www.bagism.com/colormaker/index.html

Complete Index of HTML Tags
http://www.willcam.com/cmat/html/crossref.html

Giff Wizzard (compresses graphics)
http://www.gifwizard.com/

HTML Goodies
http://www.htmlgoodies.com/

Interactive HTML Tutorial
https://fcit.coedu.usf.edu/htmltutorial/

The Mechanical Monkey
http://dspace.dial.pipex.com/leuhusen/index.shtml

A Quick Look at Tables
https://fcit.coedu.usf.edu/tables/

Sharky's Netscape Frames Tutorial
http://www.newbie.net/frames/index.html

Simple HTML Help!
http://www.xpertz.com/builder/


TOP Return to top of page
BACK Return to FCIT publications menu

Produced, in part, under a grant from the Florida Department of Education, Office of Educational Technology and Florida Information Resource Network, the Honorable Tom Gallagher, Commissioner of Education.

The Florida Center for Instructional Technology
College of Education, University of South Florida
Director, Dr. Roy Winkelman

This brochure may be copied for educational purposes.

©2000 The Florida Center for Instructional Technology
Last updated: 10/2/00