HTML Lists

---

    

---

    

HTML Lists
HTML provides three main types of lists to organize and present content clearly:
✅ Unordered Lists
✅ Ordered Lists
✅ Description Lists

Let’s break them down with examples:

1. Unordered Lists (<ul>) and List Items (<li>)

Unordered lists display items with bullets. Perfect for lists where order doesn’t matter.

<ul>

  <li>HTML</li>

  <li>CSS</li>

  <li>JavaScript</li>

</ul>

✅ Default bullet points
✅ Can be customized with CSS (circle, square, none, etc.)

2. Ordered Lists (<ol>) and List Items (<li>)

Ordered lists display items with numbers or letters. Best used when sequence matters.

 

<ol>

  <li>Wake up</li>

  <li>Brush teeth</li>

  <li>Have breakfast</li>

</ol>

🔢 Types of ordered lists can be changed with the type attribute:

 

<ol type="A"> <!-- A, B, C... -->

<ol type="a"> <!-- a, b, c... -->

<ol type="I"> <!-- I, II, III... -->

<ol type="i"> <!-- i, ii, iii... -->

3. Description Lists (<dl>, <dt>, <dd>)</h4>
Description lists are used for term-description pairs like glossaries or FAQs.

<dl>

  <dt>HTML</dt>

  <dd>A markup language for creating web pages.</dd>



  <dt>CSS</dt>

  <dd>A language used for styling HTML content.</dd>

</dl>

🔹 <dt> – Description term (like a word)
🔹 <dd> – Description detail (the meaning)

✅ Summary of List Tags:

Tag and Description
<ul> - Unordered list (bullets)
<ol> - Ordered list (numbers/letters)
<li> - List item (used inside <ul> or <ol>)
<dl> - Description list
<dt> - Description term
<dd> - Description definition

---

    Date: 2025-04-05 00:00:00.000000