hsEducations

hsEducations

Code, Test, and Learn
Menu

HTML Lists

HTML Lists – Introduction

HTML lists are used to group related items together in a structured way. They help organize content into readable and meaningful sections — such as menus, steps, features, or categories.

There are three main types of lists in HTML:

  • Unordered List (<ul>) – displays list items with bullets.
  • Ordered List (<ol>) – displays items in a numbered or lettered sequence.
  • Description List (<dl>) – defines terms and their descriptions, like in a glossary.

Lists make your webpage more organized, accessible, and easy to navigate, allowing users and search engines to better understand the structure of your content.

Example 1: - Unordered List (bullets)

Explanation:

ka matlab unordered list — items ke aage bullets dikhenge. list item — har ek item <li> tag me likha jata hai. Ye simple list hai jisme order important nahi hota.

Edit example below

Output

Example 2

Ordered List (numbered)

Edit example below

Output

Example 3

Ordered List with custom start & type

Edit example below

Output

Example 4

Nested Lists (list inside list)

Edit example below

Output

Example 5

Definition List (description list)

Edit example below

Output

Example 6 : - Unordered List (bullets)

Explanation:

ka matlab unordered list — items ke aage bullets dikhenge. list item — har ek item <li> tag me likha jata hai. Ye simple list hai jisme order important nahi hota.

Edit example below

Output