XHTML 4: lists

1. Study the section on html lists in the w3schools tutorial.

2. Unordered Lists: An unordered list is a list of items.

The list items are marked with bullets (typically small black circles).

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Here is how it looks in a browser:
• Coffee
• Milk

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

3. Ordered Lists:

An ordered list is also a list of items. The list items are marked with numbers.

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Here is how it looks in a browser:

1. Coffee
2. Milk

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

4. Definition Lists:

A definition list is not a list of items. This is a list of terms and explanation of the terms.

A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

Here is how it looks in a browser:

Coffee

Black hot drink

Milk

White cold drink

Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks,images, links, other lists, etc.

5. ASSIGNMENT 6 Due Date: Friday, 9/26/08:

Create an html document with a large table to layout the page. Create some organizational/layout structure using different headings on the page. In various cells of the table create the lists indicated:

1. Two different types of ordered lists
2. Two different types of unordered lists
3. Two nested lists, one with a nested list inside a nested list
4. Definition list