HTML Lists

HTML lists are used to group related items in a structured way.
They improve readability and content organization.

Types of HTML Lists

HTML provides three types of lists:

1. Unordered List
2. Ordered List
3. Description List

Unordered List

Used when order does not matter.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Tags Used

• <ul> → unordered list
• <li> → list item

Ordered List

Used when order matters.

<ol type="1" start="1">
  <li>Plan</li>
  <li>Design</li>
  <li>Develop</li>
</ol>

Attributes Used

• type → numbering style
• start → starting number

Description List

Used for terms and descriptions.

<dl>
  <dt>HTML</dt>
  <dd>Markup language for web pages</dd>
</dl>

Tags Used

• <dl> → description list
• <dt> → term
• <dd> → description

Nested Lists

Lists can be placed inside other lists.

<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>

Important Notes

• Use lists for grouped content
• Avoid using lists for layout
• Lists improve accessibility