HTML Class - Fall 2002
HTML Lists
HTML supports ordered, unordered and definition lists.
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:
Inside a list item you can put paragraphs, line breaks, images, links, other
lists, etc.
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:
- Coffee
- Milk
Inside a list item you can put paragraphs, line breaks, images, links, other
lists, etc.
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.
List Tags
Tag |
Description |
<ol> |
Defines an ordered list |
<ul> |
Defines an unordered list |
<li> |
Defines a list item |
<dl> |
Defines a definition list |
<dt> |
Defines a definition term |
<dd> |
Defines a definition description |
|