Class # 1 , Class # 2 ,Class # 3 , Class # 4 , Class # 5 , Class # 6

In order for your text or images not to appear all on the same line you need to use line breaks and image alignment together to get the proper layout that you want.

It's best if you also look at the example pages on the right. The tags make more sence when you can see examples.

clear-br2.htm

clear-br2.txt

This tag puts an equal amount of space between the left and right margins and the body contents, between the tags.

They can be nested so that more space is added between the margins and the contents.

<BLOCKQUOTE>text or picture</BLOCKQUOTE>

or

<BLOCKQUOTE><BLOCKQUOTE>text or picture</BLOCKQUOTE></BLOCKQUOTE>

Example #5

Internal page links

Used when you want someone to be able to read or get directed to a specific part of the same page so that they don't have to hunt for the section. You need the pound symbol # at the start of the anchor.

This goes on the section of the page you want them to start from and click (it's underlined and highlighted):

<a href="#anchorname">text linked from</A><BR>

This goes on the section of the page you want to send them to (it is not highlighted or underlined):

<a name="anchorname">text linked to</a>

int-links.htm

int-links.txt

External page links

Similar to Internal page links, but you are sent to a specific section on another HTML page from the one they are viewing. The anchor has to already be in the page you are sending them to, so it's best for your own pages. Here you use the relative path name.

This goes on the page you want them to start from:

<a href="filename.htm#name1">text linked from</a>

This goes on the page you want to send them to go to:

<a name="name1">link to text on another HTML page</a>

External page links

Here you use the absolute path name. Everything else is the same.

OR This goes on the page you want them to start from:

<a href="http://www.yourname.com/filename.htm#name1">text linked from</a>

This goes on the page you want to send them to go to:

<a name="name1">link to text on another HTML page</a>

Special Characters

These are characters you need to use so that the right hand colum appears on your web page (or in the URL). There are many more symbols then these listed here, but these are the most widely used.

See some more Special Tags:

Web Intrigue

Each line of information that you want to appear in it's own line needs to start with the <LI> tag. It doesn't need a closing tag for it to work in version 4. You don't need to include the <P> or <BR> tags for line breaks and spacing since the <LI> tags does that automatically. You can have as many <LI> lines as you like in your lists.

Unordered Lists <UL> </UL>

Each line is seperated by a dot or other shape.

A filled circle/dot is the default value.

• text
• text
• text

Unordered Lists <UL> </UL>

<UL TYPE=CIRCLE COMPACT> Empty Circles

doesn't work in IE only Netscape

• text
• text
• text

Unordered Lists <UL> </UL>

<UL TYPE=SQUARE COMPACT> Filled Squares

doesn't work in IE only Netscape

• text
• text
• text

Unordered Lists <UL> </UL>

<UL TYPE=DISC COMPACT> Filled Circles

doesn't work in IE only Netscape

• text
• text
• text

Ordered Lists <OL> </OL>

Each line is seperated by numbers or letter.

<OL> 1, 2, 3, 4, 5 ... are the default values

1. text
2. text
3. text

<OL start=4>
<LI> text
<LI> text
<LI> text
</OL>

4. text
5. text
6. text

Ordered Lists <OL> </OL>

<OL TYPE=I COMPACT> I, II, III, IV, V ...

1. text
2. text
3. text

Ordered Lists <OL> </OL>

<OL TYPE=A COMPACT> A, B, C, D, E ...

1. text
2. text
3. text

Menu Lists

Used for lists of items or short paragraphs with no bullets or numbers.

Directory Lists

Used for items that are even shorter then Menu Lists and are intended to be formatted by browsers horizontally in columns.

<DL>
<DT>term
<DD>definition
<DT>term
<DD>definition
<DT>term
<DD>definition
</DL>

Definition / Glossary Lists

They are lists and are slightly different from other lists. Each element of the glossary lists has 2 parts:

<DT> the term (both are one sided tags)
<DD> it's definition (both are one sided tags)

<DL></DL> Opening and closing tags

term

definition

term

definition

term

definition

Nested Lists

is when you place a list within another list

every layer has a different type of bullet

you can mix bullet and letter/number lists together

1. text
2. text
   • text
   • text
3. text
4. text

• text
• text
• text