HOME > Lists
Sometimes you need to display lists. HTML offers several ways. Here are just a few of them:
<OL></OL> — Ordered lists (1,2,3 or A, B, C, etc.)
The default ordered list starts with 1; but you can start with whatever you want using the START attribute.
Types of ordered lists:
<UL></UL> — Unordered lists (bulleted)
Types of bullets:
<DL></DL> — Definition Lists
<HTML>
<HEAD>
<TITLE>Lists</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFCC" LINK="#FF0000" VLINK="#0000FF" ALINK="#00FF00">
<H4>UNORDERED LIST 1</H4>
<UL>
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
</UL>
<H4>UNORDERED LIST 2</H4>
<UL>
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
<UL>
<LI>cyan</LI>
<LI>navy
blue</LI>
<LI>indigo</LI>
<LI>turquoise</LI>
<LI>royal
blue</LI>
</UL>
</UL>
<H4>UNORDERED LIST 3</H4>
<UL TYPE="square">
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
<UL
TYPE="square">
<LI>cyan</LI>
<LI>navy
blue</LI>
<LI>indigo</LI>
<LI>turquoise</LI>
<LI>royal
blue</LI>
</UL>
</UL>
<H4>ORDERED LIST 1</H4>
<OL>
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
</OL>
<H4>ORDERED LIST 2</H4>
<OL>
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
<OL>
<LI>cyan</LI>
<LI>navy
blue</LI>
<LI>indigo</LI>
<LI>turquoise</LI>
<LI>royal
blue</LI>
</OL>
</OL>
<H4>ORDERED LIST 3</H4>
<OL TYPE="a"
START="3">
<LI>red</LI>
<LI>green</LI>
<LI>blue</LI>
<OL
TYPE="i"
START="4">
<LI>cyan</LI>
<LI>navy
blue</LI>
<LI>indigo</LI>
<LI>turquoise</LI>
<LI>royal
blue</LI>
</OL>
</OL>
<H4>DEFINITION LIST</H4>
<DL>
<DT>Lower
cost</DT>
<DD>The
new version of this product costs significantly less than the previous
one!</DD>
<DT>Easier to
use</DT>
<DD>We've
changed the product so that it's much easier to
use!</DD>
<DT>Safe for
kids</DT>
<DD>You
can leave your kids alone in a room with this product and they won't get hurt
(not a guarantee).</DD>
</DL>
</BODY>
</HTML>
WEB DESIGN: Basics • Last Modified: 5/1/02