1. HTML Lists

An HTML List is used to display a group of related items in a structured format.

Type Tag Description
Ordered <ol> Numbered list
Unordered <ul> Bullet list
Description <dl> Definition list
Example Uses:
  • Navigation menus
  • Product lists
  • Steps in instructions
  • Feature lists

1.1 Ordered List (<ol>)

Displays items in a numbered sequence.

Rules:
  • Uses <ol> as container
  • List items use <li>
  • <li> must be inside <ol>

EXAMPLE: Steps to Make Tea

  1. Boil water
  2. Add tea powder
  3. Add milk
  4. Serve

Ordered List Types

Use the type attribute to change numbering styles:

Type Example
1 1, 2, 3
A / a A, B, C / a, b, c
I / i I, II, III / i, ii, iii

CODE: <ol type="A">

  1. Apple
  2. Banana
  3. Mango

1.2 Unordered List (<ul>)

Displays items with bullet points.

Type Style
disc ● (Default)
circle ○
square ■

EXAMPLE: Fruits (<ul type="square">)

  • HTML
  • CSS
  • JavaScript
1 / 4