Lists are used to indent one or more items or lines of text, on a web page. There are two general types of lists, ordered and unordered. An ordered list has each item numbered, while an unordered list uses bullets to indicate each item.
Ordered Lists: By default an ordered list uses Arabic numerals to number each list item. You may change this by using the following type="" statements in your <ol> tags. For example, look at the source code for the following lists to see the use of the type= tag in an multiple indented ordered list. Note how many </ol> tags were required to end these indented ordered lists, and which level of outdent the "3. Three of these" was included as <li>.
- One of these
- Two of these
- One of these
- Two of these
- One of these
- Two of these
- One of these
- Two of these
- One of these
- Two of these
- Three of these
Unordered Lists: Used to create bulleted lists. The actual bullet used is determined by the browser. However, you may modify this somewhat. Let's take the same list from above and modify it into an unordered list. View the source code to see the differences.
- One of these (default bullet, no "type="" tag)
- Two of these
- One of these (using type="disc")
- Two of these
- One of these (using type="circle")
- Two of these
- One of these (using type="square")
- Two of these
One of these (Omit the <li> to not have a bullet)
Two of these
One other trick, using images as bullets. [Omit the <li> tag in front of each image, and place a <br> tag at end of each line.] View the source code to see how this is done.
Checklist item one
Checklist item two
Checklist item three
Creating Colored Lists: Spice up the appearance of your lists!
