<Lists>
Lists are good for a lot of things. For example, each of the menus on this site, like the contents menu below. Go ahead and learn about the types of lists and I'm sure it will be apparent if one's for you.

<contents>
<bulleted lists>


A bulleted list can be nice sometimes. <ul> stands for "unordered list" and <li> for "list item." Here's how:
Small weaselly animals:
<ul>
<li>ferrets</li>
<li>chinchillas</li>
<li>minks</li>
</ul>
 Small weaselly animals:
  • ferrets
  • chinchillas
  • minks

<numbered lists>


Numbered lists can also be good. The reason you want to use the code for this instead of just punching in your own numbers is that this thing will generate the numbers for you, so you can add stuff in the middle without having to change half of the numbers! <ol> stands for "ordered list." Like so:
Yummy vegetables:
<ol>
<li>corn</li>
<li>carrots</li>
<li>broccoli</li>
<li>bell peppers</li>
</ol>
 Yummy vegetables:
  1. corn
  2. carrots
  3. broccoli
  4. bell peppers

<nested lists>


Nested lists are good if you have a lot of points within points, like in an outline for a paper, or a table of contents such as this one.

To nest the lists, just tuck a new unordered list inside of your list item. For example, "galapagos fur seal" is an item inside the "fur seals" list, which is in turn an item inside the "otariids" list (which is an element of the main list).
Types of seals:
<ul>
<li>pinnipeds
    <ul>
    <li>elephant seals</li>
    <li>harbor seals</li>
    </ul>
</li>
<li>otariids
    <ul>
    <li>fur seals
        <ul>
        <li>galapagos fur seal</li>
        </ul>
    </li>
    <li>sea lions</li>
    </ul>
</li>
<li>odobenids
    <ul>
    <li>walruses</li>
    </ul>
</li>
</ul>
 Types of seals:
  • pinnipeds
    • elephant seals
    • harbor seals
  • otariids
    • fur seals
      • galapagos fur seal
    • sea lions
  • odobenids
    • walruses

<definition lists>


These are if you want something, then the description (indented), then another thing, then the description (indented). Here's how:
<dl>
<dt> Pomegranate:
<dd> A pink, softball-sized fruit that consists of many seeds covered in a small wrapping of juicy red fruit. How I love them.</dd>
</dt>
<dt> Peach:
<dd> A soft, fuzzy fruit that is oh so delicious.</dd>
</dt>
</dl>
Pomegranate:
A pink, softball-sized fruit that consists of many seeds covered in a small wrapping of juicy red fruit. How I love them.
Peach:
A soft, fuzzy fruit that is oh so delicious.
go back