HTML – List

  • List is a way to organize and display a collection of related items.
  • There are two types of HTML lists.
class-image

Now we will see both lists in detail.

Now we will see all lists in detail.

Unordered HTML List

It uses <ul> tag. Each item list uses <li> tag The list items will be marked with bullets

Code Example:

class-image

Output

  • Designwithrehana
  • Rehana ka drama
  • mixedprism

🚀 Try it yourself! Click the button below to run the code and see the output in action.

HTML Code

Output

Note: If you want you can customise the list also

Ordered HTML List

It uses <ol> tag. Each item list uses <li> tag The list items will be marked with numbers

Code Example:

class-image

Output

  1. Designwithrehana
  2. Rehana ka drama
  3. mixedprism

🚀 Try it yourself! Click the button below to run the code and see the output in action.

HTML Code

Output

Note: If you want you can customise the list also

Other Lists- HTML Description Lists

It is a list with a description. It uses <dl>, <dt> and <dd> The main tag is <dl> then items are wrapped with <dt> tag.
<dd> tag is used for description.

Code Example

class-image

Output:

Designwithrehana
Description 1
Rehana ka drama
Description 2
mixedprism
Description 3

🚀 Try it yourself! Click the button below to run the code and see the output in action.

HTML Code

Output

Leave a Comment