Lists
Html has two main types of lists: unordered (<UL>) and ordered
(<OL>). Here's an unordered list:
And here's an ordered list:
- Apples
- Oranges
- Bananas
And here's a tricky list that mixes regular paragraphs with
list items:
This looks like an indented paragraph, but it's just plain text in a list.
And this is a paragraph in a list.
- this is a regular list item.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
- and another.
That's enough, finish the list here.
That's nice and plain. Let's spice it up with some styles and line
breaks:
- Apples:
A very nice fruit, red or green, from Washington or
elsewhere. Remember, one per day keeps the doctor away. My favorites are
(we're nesting lists now):
- Fuji,
- Gala, and
- Granny
- Oranges:
As nice as apples, but messier and harder to peel.
- Bananas:
My favorite. Perfect packaging, sweet and nutricious.
Unordered lists come in these styles:
type = "circle"
type = "square"
type = "disc"
Ordered lists come in these styles:
type = "1"
- ready
- aim
- fire
type = "a"
- ready
- aim
- fire
type = "A"
- ready
- aim
- fire
type = "i"
- ready
- aim
- fire
type = "I"
- ready
- aim
- fire
Let's see how far the Roman numbering goes: here's 200 items:
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - - ONE HUNDRED
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -
- ready
- aim
- fire
- done
- - - - -