Lecția 3: Liste și Tabele în HTML

1. Liste neordonate (<ul>)

Listele neordonate afișează elementele cu marcatori (bullets).

<ul>
    <li>Primul element</li>
    <li>Al doilea element</li>
    <li>Al treilea element</li>
</ul>
  • Primul element
  • Al doilea element
  • Al treilea element

2. Liste ordonate (<ol>)

Listele ordonate afișează elementele numerotate.

<ol>
    <li>Primul element</li>
    <li>Al doilea element</li>
    <li>Al treilea element</li>
</ol>
  1. Primul element
  2. Al doilea element
  3. Al treilea element

3. Tabele HTML (<table>)

Tabelele sunt structuri care afișează date organizate pe rânduri și coloane.

<table>
    <thead>
        <tr>
            <th>Nume</th>
            <th>Vârstă</th>
            <th>Oraș</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Maria</td>
            <td>25</td>
            <td>Timișoara</td>
        </tr>
        <tr>
            <td>Andrei</td>
            <td>30</td>
            <td>Cluj-Napoca</td>
        </tr>
    </tbody>
</table>
Nume Vârstă Oraș
Maria 25 Timișoara
Andrei 30 Cluj-Napoca

În lecția următoare: Vom învăța despre formulare și input-uri HTML!