J.8. Unordered Lists

Up to this point, we have presented basic XHTML elements and attributes for linking to resources, creating headers, using special characters and incorporating images. In this section, we discuss how to organize information on a Web page using lists. Later in the appendix, we introduce another feature for organizing information, called a table. Figure J.8 displays text in an unordered list (i.e., a list that does not order its items by letter or number). The unordered list element ul creates a list in which each item begins with a bullet (called a disc).

Figure J.8. Unordered lists in XHTML.

(This item is displayed on pages 1340 - 1341 in the print version)

"http://www.w3.org/1999/xhtml"> 9 10

 1  "1.0"?>
 2  "-//W3C//DTD XHTML 1.1//EN"
 3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 4
 5 
 6 
 7
 8 

Unordered list containing hyperlinks 11 12 13

14 15

Here are my favorite sites

16 17

Click on a name to go to that page.

18 19 20

• 21 22 23
  • <a href="</span">"http://www.deitel.com">Deitel</a>
  • 24 25
    • <a href="</span">"http://www.w3.org">W3C</a>
    • 26 27
      • <a href="</span">"http://www.yahoo.com">Yahoo!</a>
      • 28 29
        • <a href="</span">"http://www.cnn.com">CNN</a>
        • 30 31
        32 33 34

        

Each entry in an unordered list (element ul in line 20) is an li (list item) element (lines 23, 25, 27 and 29). Most Web browsers render these elements with a line break and a bullet symbol indented from the beginning of the new line.