Unordered Lists

Unordered Lists use <ul> .. </ul> tags together with <li>... </li> tags. Unordered lists appear as a list of items with bullets or markers in the front. The bullet marks will depend on the particular version of your web browser and the font specified for displaying normal WWW text (e.g. for Macintosh, the bullets are the option-8 character -- in Times font this is a small square, in Geneva it is a large round dot).

Here is an example of an unordered list:

The Name of This List Is List
• Item 1
• Item 2
• Item 3

And this is the HTML for producing this format:

<ul>
<strong>The Name of This List Is List</strong>
<li> Item 1</li>
<li>Item 2 </li>
<li> Item 3</li>
</ul>

Notice that the <ul> tag marks the beginning and end of the list, and the <li> indicates each list item.

Now, create a brand new HTML file to practice using the unordered list. Save the file as lists.html in a folder called 05_Lists

Don't just copy the code above and leave it at that. Swap the <ul> and <strong> tags and see what happens.