HTML Tutorial

HTML Lists

1 minute

Lists in HTML

Lists in HTML are used to display information in a structured and easy-to-read format. They help in organizing data like items, steps, or points in a web page.

There are mainly 3 types of lists in HTML:

  1. Ordered List (<ol>) → Numbered list
  2. Unordered List (<ul>) → Bulleted list
  3. Definition List (<dl>, <dt>, <dd>) → Term and description list

Also, we can use Nested Lists (a list inside another list).

Ordered List (<ol>)

An ordered list is used when the order of items is important, like steps or instructions.

  • Uses numbers (1, 2, 3 …) by default.
  • Each item is written inside the <li> tag.

Example:

<h3>Steps to Make Tea</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea leaves</li>
  <li>Pour milk and sugar</li>
  <li>Stir and serve</li>
</ol>

Output : 

image

Notes : -

👉 Attributes:

  • type → Change numbering style (1, A, a, I, i).
  • start → Start list with a specific number.

Example with attributes:

<ol type="A" start="3">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

 

Output :

image

 

 

 

 

 

 

 

 

 

Previous
Article 14 of 14