www.gibmonks.com

Main Page

Previous Page
Next Page

[Page 1340]

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)

 1  <?xml version = "1.0"?>
 2  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 3     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 4
 5  <!-- Fig. J.8: links2.html                 -->
 6  <!-- Unordered list containing hyperlinks. -->
 7
 8  <html xmlns = "http://www.w3.org/1999/xhtml">
 9     <head>
10        <title>Unordered list containing hyperlinks</title>
11     </head>
12
13     <body>
14
15        <h1>Here are my favorite sites</h1>
16
17        <p><strong>Click on a name to go to that page.</strong></p>
18
19        <!-- create an unordered list -->
20        <ul>
21
22           <!-- add four list items -->
23           <li><a href = "http://www.deitel.com">Deitel</a></li>
24
25           <li><a href = "http://www.w3.org">W3C</a></li>
26
27           <li><a href = "http://www.yahoo.com">Yahoo!</a></li>
28
29           <li><a href = "http://www.cnn.com">CNN</a></li>
30
31         </ul>
32
33     </body>
34  </html>

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.


Previous Page
Next Page