Setting up a Web Site - HTML

Part 3 - More HTML Formatting Tags

Document Title

Displayed at top of browser
Not required tag
Part of the <HEAD> document element
Used by search programs and Web indexes such as Alta Vista
Alternate display is document source (file name):
- file:///C|/NETSCAPE/MSACROA/FIRST.HTM

Add a title at the beginning of your document:

<HTML> <HEAD> <TITLE>HTML Workshop - Paul's First Document</TITLE> </HEAD>

Tags for Creating Lists

Three main list types:

Unnumbered - usually displayed as bullets
Numbered - each item is numbered sequentially
Definition - pairs a term with an indented definition

Numbered and unnumbered list tags:

Numbered (or ordered) lists - <OL> </OL>
Unnumbered lists - <UL> </UL>
Each item in a list preceeded with single tag <LI> (for list item)

Tags used to create a numbered list:

Steps to create a document: <OL> <LI>Type your text in an editor (Notepad) <LI>Use the appropriate HTML tags <LI>Save document as a text file <LI>Open file in Netscape to view </OL> This creates an unnumbered list:

Features of HTML: <UL> <LI>Controls formatting of text <LI>Can create links to other documents <LI>Can display graphics with text </UL>

Definition Lists

Displays items followed by an indented description of the item:

Definition list beginning and end tags - <DL> </DL>
Term tag - <DT>
Definition tag - <DD>

Tags used by a definition list:

Important terms: <DL> <DT>ASCII File <DD>A file saved as text only (not in word processing format). This file format is required by HTML. <DT>HTML <DD>HyperText Markup Language. Describes a way of providing instructions to WWW browsers like Netscape. <DT>WWW <DD>The World Wide Web. </DL>

Some Other Formatting Commands

Block quotes (indented from right and left): Here is an example of the block quote tag: <BLOCKQUOTE> This is a paragraph of text set off from the rest of the document by use of the block quote tag. In Netscape, this text is indented from the rest of the document. </BLOCKQUOTE>

Preformatted text (appears exactly as typed):

<PRE> Name: Paul Dempsey Address: Old Main 113 Phone: 717-532-1213 Email: pfdemp@ark.ship.edu WWW: http://www.ship.edu/~pfdemp </PRE>

Centering text:

<CENTER><H2>My Centered Heading</H2></CENTER>

Changing font attributes:

This is relatively larger. This is a different color.

Review

The following HTML tags were used in Part 3:

<TITLE> </TITLE>: Title - displayed at top of browser window.
<OL> </OL>: Ordered list - used at the beginning and end of a numbered (or ordered) list.
<UL> </UL>: Unnumbered - used at the beginning and end of a unnumbered (or bullet) list.
<LI>: List item - placed at the beginning of each item in an ordered or u nnumbered list.
<DL> </DL>: Definition list - used at the beginning and end of a definition list.
<DT>: Term - placed at the beginning of terms in a definition list.
<DD>: Definition - placed at the beginning of definitions in a definition list.
<BLOCKQUOTE> </BLOCKQUOTE>: Block quote - used to set a section of text apart.
<PRE> </PRE>: Preformatted - presents text as it is typed, with spacing and line breaks intact.
<CENTER> </CENTER>: Center - centers text.
 : Font - changes font attributes.

In the next section, we'll begin to explore the HyperText feature of HTML by creating links to other documents.

Go to Top of Page

Back to Contents Page On to Next Section

Web Development Workshop
1999 MSACROA Conference
Sunday, November 28, 1999