Web Programming with HTML5, CSS, and JavaScript

4.2 Unordered Lists

We start this chapter by learning how to implement lists. Let’s jump right into an example. In FIGURE 4.1’s web page, note the unordered list that shows my weekday routine. It’s called “unordered” because the list items have bullets and circles next to them, and bullets and circles do not imply any order. If you prefer to have the list items ordered, you can replace the bullets and circles with numbers and letters, as explained in a later section.

FIGURE 4.1 Work Day web page

To create an unordered list, you surround the entire list with a ul container (ul for unordered list) and use li containers for the individual ...