Welcome to HTML

HTML (Hypertext Markup Language) is a group of commands used to create pages for the world-wide-web. It's a way of describing how a set of text and images should be displayed to the viewer, similar in concept to a newspaper editor's markup symbols.

There are many resources available about HTML and the world wide web. To see a list of such sites, go to our Online Web Guide. Here are some of the basic HTML tags that might be useful. Another really good guide is Network Communication Design. We would highly suggest it.

Information about this guide:
Any attributes are optional. If you would like further information about any of the tags, feel free to talk to one of the TAs.

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

Basics

<!-- ..... -->
Comment Tag

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
HTML 3.2 First Tag; Necessary if you are using any HTML 3.2 Tags

<HTML>.....< /HTML>
Encloses an HTML Document

<HEAD>.....< /HEAD>
Header Tag

<BODY attribute1="..." attribute2="...">.....< /BODY>
Encloses the main body of the document. Attributes:

Note: color is always expressed as RGB (Red Green Blue), where each color has a value between 0 and 255 expressed in hex notation. To get a complete listing of colors, run xcolorsel and change the display format to "8 bit truncated rgb"

<BASEFONT attribute="...">
Sets the default font properties for the entire page. Attributes:

<Hn>...< /Hn>
Changes the heading size where n=1-6 (6 being the smallest)

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

General Formatting

<B>...< /B>
Makes text bold

<BR>
Inserts a break in the line. Attributes:

<CENTER>.....< /CENTER>
Centers the enclosed elements (pictures, text, etc.)

<FONT attribute="...">...< /FONT>
Sets the font properties for the enclosed text.

<HR attribute1="..." attribute2="...">
Inserts a horizontal line. Attributes:

<I>...< /I>
The enclosed text is in italics.

<NOBR>.....< /NOBR>
Causes the enclosed text to not wrap to fit the screen.

<PRE>.....< /PRE>
Displays text in fixed-width type without collapsing spaces.

<S>.....< /S>
Displays text with a line through it.

<SPACER attribute>...< /SPACER>
Inserts blocks of spaces into Netscape HTML documents only. Attributes:

<U>...< /U>
The enclosed text in underlined.

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

Links

<A attribute="...">...< /A>
When combined with the HREF atribute, the enclosed text and/or graphic becomes a link to another document or anchor. When used with the NAME attribute, the enclosed text and/or graphic becomes an anchor.

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

Lists

<DL>...< /DL>
Creates a definition list. Within this container, <DT> specifies a definition term and <DD> specifies the definition.

<UL attribute>...< /UL>
Puts the enclosed items marked with <LI>, in a bulleted list. Attributes:

<OL attribute>...< /OL>
Puts the enclosed items marked with <LI>, in a numbered list. Attributes:

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

Multimedia

<IMG attribute1 attribute2>
Places an image into the document

[Basics][General Formatting][Links][Lists][Multimedia][Tables]

Tables

<TABLE attribute1="..." attribute2="...">...< /TABLE>
Creates a table. Attributes:

<TR attribute1="..." attribute2="...">...< /TR>
Specifies a table row. It can enclose the table heading and table data. Attributes:

<TH attribute1="..." attribute2="...">...< /TH>
Makes the cell a table heading. Attributes:

<TD attribute1="..." attribute2="...">
These go inside the TR tags and they define the data in a cell. Attributes:


HOME