Capt. Horatio T.P. Webb
  
HTML LISTS

Parks -- Spring 2014

Version 1 -- 7/18/2014

There are two category of lists: ordered and unordered:

1. Ordered Lists

The HTML for an "ordered list is:  
<ol>
<li> the first list item
<li> the second 
<li> the third
...
</ol>
This is the default usage.
It appears indented inside the parent text.
It counts from 1 by 1.
Like this on the page:

  1. the first list item
  2. the second
  3. the third

You can specify how to perform the numbering. There are five types:

type="1" The list items will be numbered with numbers

Starting at 1, then 2, then 3 ... (this is the default)
<ol type="1">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth
 also with this type you can use the start option with
any different integer start value 
 
<ol start="7">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth
type="A" The list items will be numbered with uppercase letters starting at "A", then "B", then "C", ...
The list type can only start with "A". Otherwise it reverts to "from 1 by 1" 
<ol type="A">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth
type="a" The list items will be numbered with lowercase letters starting at "a", then "b", then "c", ...
The list type can only start with "a". Otherwise it reverts to "from 1 by 1" 
<ol type="a">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth
type="I" The list items will be numbered with uppercase roman numbers starting at "I", then "II", then "III"...
The list type can only start with "I". Otherwise it reverts to "from 1 by 1" 
<ol type="I">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth
type="i" The list items will be numbered with uppercase roman numbers starting at "i", then "ii", then "iii", ...
The list type can only start with "i". Otherwise it reverts to "from 1 by 1" 
<ol type="i">
<li> first
<li> second 
<li> third
<li> fourth
</ol>
  1. first
  2. second 
  3. third
  4. fourth

2. Unordered Lists

Lists that have "no particular order" -- also called "bulleted" list (aka "unordered" lists)

The HTML for an "unordered" or bulleted list is:  
<ul>
<li> the first list item
<li> the second 
<li> the third
...
</ul>
It appears with round solid symbols (called the "bullets") like this on the page:

  • the first list item
  • the second
  • the third

You can specify a different type of bullets when nesting. There are four list-style-type values:

none no bullets at all
disc a solid filled circle (first level)
circle an empty circle (second level)
square a solid filled square (third and all subsequent levels)