Listas y tablas

Listas no ordenadas

<ul>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
</ul>

Listas ordenadas

<ol>
    <li>Elemento A</li>
    <li>Elemento B</li>
</ol>

Tablas

<table border="1">
    <tr>
        <th>Nombre</th>
        <th>Edad</th>
    </tr>
    <tr>
        <td>Ana</td>
        <td>25</td>
    </tr>
</table>

Buenas prácticas

  • Usar <th> para encabezados de columnas.
  • No abusar de tablas para maquetación; mejor usar CSS.

Ejercicio

Cree una página con una lista ordenada, una lista no ordenada y una tabla de 3 columnas y 4 filas.