List

Ordered Lists

<ol>
<li>Clean Room</li>
<li>Eat cake</li>
<li>Feed fish</li>
</ol>

<ol> This will begin your ordered list.
<li> This stands for list item. It denotes the next thing that will need a bullet.
</ol> Complete the list with a closing tag.
Ordered lists are for list with numbers, the above list would render like this:

1. Clean Room
2. Eat cake
3. Feed fish

Unordered Lists

<ul>
<li>Clean Room</li>
<li>Eat cake</li>
<li>Feed fish</li>
</ul>

Unordered lists are just that. Each bullet will be a round circle. The above code will render as this:

• Clean Room
• Eat cake
• Feed fish

Definition Lists

<dl>
<dt>NCSA</dt>
<dd>NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.</dd>
<dt>Cornell Theory Center</dt>
<dd>CTC is located on the campus of Cornell university in Ithaca, New York.</dd>
</dl>

<dl> DL stands for Definition List. This tag will let the browser know that a definition list is coming.
<dt> definition term, it's the first tier.
<dd> definition description. It will be indented.
</dl> The DL tag is the only one that needs to be closed.
The above list would look like this:

NCSA

NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.

Cornell Theory Center

CTC is located on the campus of Cornell university in Ithaca, New York

Definition Lists Compact

<dl compact>
<dt>-i</dt>
<dd>NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.</dd>
<dt>-k</dt>
<dd>CTC is located on the campus of Cornell university in Ithaca, New York.</dd>
</dl>

When you type the word "compact" in the dl tag, you can make a list like this:

-i

NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.

-k

CTC is located on the campus of Cornell university in Ithaca, New York

Nested Lists

<ul>
      <li>Text 1
            <ul>
                  <li>all about text 1.</li>
                  <li>and a little more about text 1.</li>
            </ul>
      </li>
      <li>Text 2
            <ul>
                  <li>a little more about text</li>
            </ul>
      </li>
</ul>

Nested list can get quite involved, but their nothing more then list within list. You don't need to indent like I did, but this can help you keep things organized. The above code will make this:

• Text 1
  • all about text 1.
  • and a little more about text 1.
• Text 2
  • a little more about text

Squares, Roman Numerals, and Letters

<ul type="square">
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
</ul>

When you want to use squares instead of circles, just set the type attribute to square. The above code will make this:

• text 1
• text 2
• text 3

<ol type="I">
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
</ol>

Use a capital I for capital roman numerals, or a lower case i for lower case roman numerals. That code makes this:

1. text 1
2. text 2
3. text 3

<ol type="A">
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
</ol>

Use a capital A for capital letters, and a lower case a for lower case letters. That code will make this:

1. text 1
2. text 2
3. text 3

Starting the Count After 1

<ol start="6">
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
</ol>

If you would like to start an ordered list at a number other then 1, simply set the start attribute to whatever number you would like. That code makes this:

6. text 1
7. text 2
8. text 3

Main?