Lists aur Tables

HTML Lists

HTML lists content ko ek structured way mein organize karne ke liye use hoti hain. Humne pichle page mein <ul> aur <ol> ke baare mein jaana tha. Ab hum **Nested Lists** ke baare mein baat karenge.

Nested Lists kya hain?

Ek nested list ka matlab hai ek list ke andar doosri list banana. Isse aap content ko aur bhi detail se categorize kar sakte hain.

Nested List Example:

Is example mein, hum ek unordered list (`ul`) aur ek ordered list (`ol`) ko ek saath istemal kar rahe hain:

<ul>
  <li>Fruits</li>
  <li>Vegetables
    <ul>
      <li>Green Vegetables</li>
      <li>Root Vegetables</li>
    </ul>
  </li>
  <li>Desserts
    <ol>
      <li>Cake</li>
      <li>Ice Cream</li>
    </ol>
  </li>
</ul>
    

Live Example:

• Fruits
• Vegetables
  • Green Vegetables
  • Root Vegetables
• Desserts
  1. Cake
  2. Ice Cream

HTML Tables

HTML tables data ko rows aur columns mein organize karne ke liye use hoti hain. Tables data ko clearly present karti hain.

Table banane ke liye kuch mukhya tags hain:

• <table>: Pura table define karta hai.
• <tr>: Table mein ek row define karta hai.
• <th>: Table heading (column ka naam).
• <td>: Table data (cell).

Table Example:

<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>City</th>
  </tr>
  <tr>
    <td>Rahul</td>
    <td>25</td>
    <td>Delhi</td>
  </tr>
  <tr>
    <td>Priya</td>
    <td>30</td>
    <td>Mumbai</td>
  </tr>
</table>
    

Live Example:

Aur janne ke liye:

upar jaein