HTML Lists

HTML lists group related items together. There are three types: unordered lists (bullets), ordered lists (numbers) and description lists (terms with meanings).

---

Unordered list (ul)

Use <ul> for a list where the order does not matter. Each item is in an <li> tag.

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

---

Ordered list (ol)

Use <ol> when the order is important, like steps.

<ol>
  <li>Open the editor</li>
  <li>Write the code</li>
  <li>Save the file</li>
</ol>

Attributes of ol

Attribute	Meaning	Example
type	Number style: 1, A, a, I, i	<ol type="A">
start	Starting number	<ol start="5">
reversed	Count down	<ol reversed>

---

Nested lists

A list can be placed inside a list item.

<ul>
  <li>Fruits
    <ul>
      <li>Apple</li>
      <li>Mango</li>
    </ul>
  </li>
  <li>Vegetables</li>
</ul>

---

Description list (dl)

A description list has terms (<dt>) and their descriptions (<dd>).

<dl>
  <dt>HTML</dt>
  <dd>Language for the structure of web pages</dd>
  <dt>CSS</dt>
  <dd>Language for the style of web pages</dd>
</dl>

---

Summary

• ul = bullets, ol = numbers, dl = terms and descriptions.
• Every item of ul and ol goes in an li.
• Lists can be nested.
• Next: HTML Iframes.

• Previous Page
• Next Page

---

Exercises & Assignments
No Content Found.

Interview Questions & Answers
No Content Found.