3. Listas y Tablas: Ordenando datos
Listas: El punto por punto
Para hacer menús de navegación, ítemes de compra o pasos de una receta, usamos listas.
📂 Tipos de Listas
html
HTML
1 <!-- Lista Desordenada (puntos) -->
2 <ul>
3 <li>Huevo</li>
4 <li>Harina</li>
5 </ul>
6
7 <!-- Lista Ordenada (números) -->
8 <ol>
9 <li>Primer paso</li>
10 <li>Segundo paso</li>
11 </ol>
Tablas: El Excel de la Web
Hoy en día las tablas no se usan para el diseño de la web (eso es para el CSS), sino solo para mostrar datos tabulares reales (precios, horarios, etc.).
🏗️ Estructura de Tabla
html
HTML
1 <table border="1">
2 <thead>
3 <tr>
4 <th>Producto</th>
5 <th>Precio</th>
6 </tr>
7 </thead>
8 <tbody>
9 <tr>
10 <td>Café</td>
11 <td>2.50€</td>
12 </tr>
13 </tbody>
14 </table>
- tr: Table Row (Fila).
- th: Table Header (Encabezado).
- td: Table Data (Celda normal).
