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 Tallahassee Atlanta Columbus
Making lists:
Unordered List:
<UL>
<LI>Apples
<LI>Oranges
<LI>Watermelons
</UL>HTML code above displays as following unordered list:
- Apples
- Oranges
- Watermelons
Ordered List:
<OL>
<LI>Apples
<LI>Oranges
<LI>Watermelons
</OL>HTML code above displays as following ordered list:
- Apples
- Oranges
- 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.htmlBobby (checks site for accessibility)
http://www.cast.org/bobby/ColorMaker (pick colors for your page)
http://www.bagism.com/colormaker/index.htmlComplete Index of HTML Tags
http://www.willcam.com/cmat/html/crossref.htmlGiff 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.shtmlA Quick Look at Tables
https://fcit.coedu.usf.edu/tables/Sharky's Netscape Frames Tutorial
http://www.newbie.net/frames/index.htmlSimple HTML Help!
http://www.xpertz.com/builder/
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
This brochure may be copied for educational purposes.
Return to top of page
Return to FCIT publications menu
College of Education, University of South Florida
Director, Dr. Roy Winkelman