Celticweb - Webmail, News, Information, Sports, Events, Bars and Pubs.

Lists

We can use HTML to create lists on web pages. There are three main types of lists:

Unordered lists - these are also called bulleted lists, where each item is separated by a "bullet" or other symbols:

<UL>
<LI> Macs
<LI> PCs
<LI> UNIX
<LI> Main Frame
</UL>

this is displayed in the browser as:

Macs
PCs
UNIX
Main Frame

Ordered lists - the items are numbered in these lists.

<OL>
<LI> Macs
<LI> PCs
<LI> UNIX
<LI> Main Frame
</OL>

this is displayed in the browser as:

Macs
PCs
UNIX
Main Frame

Definition lists - Terms and their definitions alternate in this type of list. The definition usually goes next to the term, otherwise it goes a line below and is indented. .

MacOS: The best operating system
Windows: Always trying to copy MacOS
UNIX: A more difficult OS

More Complex Lists

Nesting

<UL>
<LI> MacOS
<LI> Windows
<OL>
<LI> Windows 98
<LI> Windows NT
</OL>
<LI> UNIX
</UL>

MacOS
Windows
1. Windows 98
2. Windows NT
UNIX

Reordering

If you end an Ordered List with number 10 you can start a following ordered list at 11. Use <OL START=11>. In the middle of an ordered list you can jump to a different number by changing the <LI> tag, such as <LI value=18>

Change the numbering system

You can use upper or lowercase lettering or Roman numerals to number your list:

<OL TYPE=I>
1. Mac
2. PC
3. Unix
<OL TYPE=i>
1. Mac
2. PC
3. Unix
<OL TYPE=A>
1. Mac
2. PC
3. Unix
<OL TYPE=a>
1. Mac
2. PC
3. Unix

Change the symbol

In an unordered list, the default shape of the bullet is a solid circle. But you can change its shape to a hollow circle or square by using one of the following tags:

<UL TYPE=CIRCLE>

<UL TYPE=SQUARE>