Subhash's List Tutor

The Lists

You can prepare two types of lists in HTML, ordered list & unordered list.

Ordered List Example List item 1 List item 2 List item 3

Unordered List Example List item 1 List item 2 List item 3

Ordered List

The tags for ordered lists are <OL> & </OL>. The list elements are placed within these tags using the <LI> tag.

The Code... <OL> <LI>List item 1 <LI>List item 2 <LI>List item 3 </OL>

The Result... List item 1 List item 2 List item 3

Unordered List

Unordered list items are placed within the tags <UL> & </UL>. As in ordered lists, each list item is presented using the <LI> tag.

The Code... <UL> <LI>List item 1 <LI>List item 2 <LI>List item 3 </UL>

The Result... List item 1 List item 2 List item 3

The Alternative

Lists are effective way of presenting information. But they are no visual stunners. For getting that effect you could use small GIF files:

Example List item 1 List item 2 List item 3

The Code... <P> <img src="img/list.gif">List item 1<BR> <img src="img/list.gif">List item 2<BR> <img src="img/list.gif">List item 3<BR> </P>

You would have noted that we don't use the list tag. We don't need to! Also the same image is repeated. So once the image is loaded to the visitor's cache, the image is displayed immediately in all the three places.

And yes, you definitely could use animated GIFs, but unless you are a master designer who could magically turn all limitations to your advantage, such usage is bound to be painful to the eyes of the beholder.