Lecture 4: HTML Lists

Ordered Lists

1. item 1
2. item 2

Ordered List - with CSS list-style-type:

Decimal List

1. Notebook
2. Ballpen
3. Yellow Paper
4. Bag
5. Pencil

Upper-alpha List

1. Notebook
2. Ballpen
3. Yellow Paper
4. Bag
5. Pencil

Lower-alpha List

1. Notebook
2. Ballpen
3. Yellow Paper
4. Bag
5. Pencil

Upper-roman List

1. Notebook
2. Ballpen
3. Yellow Paper
4. Bag
5. Pencil

Lower-roman List

1. Notebook
2. Ballpen
3. Yellow Paper
4. Bag
5. Pencil

Unordered List

• Notebook
• Ballpen
• Yellow Paper
• Bag
• Pencil

Unordered List - with CSS

• Notebook
• Ballpen
• Yellow Paper
• Bag
• Pencil

Unordered List - with 2 CSS

• First Item
  • sub point
  • another sub point
• Second Item
  • sub point
  • another sub point
• Third Item
  • sub point
  • another sub point