lists

HTML supports unnumbered, numbered, and definition lists. You can nest lists too. 

Unnumbered lists 

To make an unnumbered, bulleted list, 

1.start with an opening list <ul> (for unnumbered list) tag 
2.enter the <li> (list item) tag followed by the individual item; closing </li> tag is needed 
3.end the entire list with a closing list </ul> tag 

Below is a sample three-item list: 

<ul>
<li> apples</li>
<li> bananas</li>
<li> grapes</li>
</ul>

The output is: 

•     apples
•     bananas
•     grapes

The <li> items can contain multiple paragraphs. Indicate the paragraphs with the <P> paragraph tags. 

Numbered lists 

A numbered list (also called an ordered list, from which the tag name derives) is identical to an unnumbered list, except it uses <ol> instead of <ul>. The items are tagged using the same <li> tag. The following HTML code: 

<ol>
<li> oranges</li>
<li> peaches</li>
<li> grapes</li>
</ol>

produces this formatted output: 

1.oranges 
2.peaches 
3.grapes 

Definition lists 

A definition list (coded as <dl>) usually consists of alternating a definition term (coded as <dt>) and a definition description (coded as <dd>). Web browsers generally format the definition on a new line and indent it. 

The following is an example of a definition list: 

<dl>
<dt> CAS 483</dt>
<dd> CAS 483, an advanced course in communication and information technology for students 
in the liberal arts and humanities</dd>
<dt> Penn State</dt>
<dd> the home of the Dance Marathon</dd>
</dl>

The output looks like: 

CAS 483

CAS 483, an advanced course in communication and information technology for students 
in the liberal arts and humanities

Penn State

the home of the Dance Marathon

The <dt> and <dd> entries can contain multiple paragraphs (indicated by <P> paragraph tags), lists, or other definition information. 

Nested lists 

lists can be nested. You can also have a number of paragraphs, each containing a nested list, in a single list item. 

Here is a sample nested list: 

<ul>
<li> A few New England states:</li>
<ul>
<li> Vermont</li>
<li> New Hampshire</li>
<li> Maine</li>
</ul>
<li> Two Midwestern states:</li>
<ul>
<li> Michigan</li>
<li> Indiana</li>
</ul>
</ul>

The nested list is displayed as:

• A few New England states:
  • Vermont 
  • New Hampshire 
  • Maine 
• Two Midwestern states: 
  • Michigan 
  • Indiana 

CODES:

Unordered list  <ul><li></li></ul> 
(before each list item)

Bullet Type <ul type=DISC|CIRCLE|SQUARE> 
(for the whole list)

Bullet Type <li type=DISC|CIRCLE|SQUARE> 
(this & subsequent)

Ordered list  <ol><li></li></ol> 
(before each list item)

Numbering Type  <ol type=A|a|I|i|1> 
(for the whole list)

Numbering Type  <li type=A|a|I|i|1> 
(this & subsequent)

Starting Number  <ol start=?> 
(for the whole list)

Starting Number  <li value=?> 
(this & subsequent)