Upload
jeremy-cook
View
217
Download
0
Embed Size (px)
Citation preview
Lists in XHTML
Two main types of lists
Ordered Lists• sequences (e.g. the steps
in a recipe) or preferences• carry numbers (Arabic or
Latin) or letters
Example:1. first step2. second step3. third step
Unordered Lists• items that do not have a
natural order (e.g. the ingredients in a recipe)
• carry bullet points, symbols or dashes
Example:– first item– second item– third item
XHTML Markup
Source Code:
<ol><li>first item</li><li>second item</li><li>third item</li>
</ol>
Result in the browser:
1. first item2. second item3. third item
Advantages
• numbering is done automatically:
My favourite books:1. Alice in Wonderland2. Peter Pan3. Lord of the Rings Harry Potter
Advantages
Source Code:<ol>
<li>Alice in Wonderland</li><li>Harry Potter</li><li>Peter Pan</li><li>Lord of the Rings</li>
</ol>
The new list:
My favourite books:1. Alice in Wonderland2. Harry Potter3. Peter Pan4. Lord of the Rings
Nested Lists
Writing a term paper:1. Finding a topic2. Collecting literature
– from the library– from the internet
3. Writing the text
Source code:<ol>
<li>Finding a topic</li><li>Collecting literature <ul> <li>from the library</li> <li>from the internet</li> </ul></li><li>Writing the text</li>
</ol>