Tu horario no es un párrafo
Imagina el horario del autobús escrito en un solo párrafo. Sería un lío.
Los horarios, las listas de la compra y las recetas tienen una forma: filas, columnas y pasos.
Hoy aprendes a escribir listas y tablas en una página web.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Lista | Varias cosas una debajo de otra. | la lista de la compra |
| Lista con puntos | Una lista donde el orden no importa. Se escribe con ul. | <ul> |
| Lista numerada | Una lista donde el orden sí importa. Se escribe con ol. | <ol> |
| Tabla | Datos en filas y columnas, como un horario. | <table> |
| Fila | Una línea de la tabla, de izquierda a derecha. | <tr> |
| Celda | Un cuadrito de la tabla, donde cruzan una fila y una columna. | <td> |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Lista con puntos: ul y li
Una lista con puntos se escribe con la etiqueta ul. Cada cosa de la lista va en una etiqueta li.
Sirve cuando el orden da igual. Por ejemplo, lo que compras en el súper.
Pruébalo: la lista de la compra
<h1>Lista de la compra</h1>
<ul>
<li>Pan</li>
<li>Leche</li>
<li>Huevos</li>
</ul>
Lista numerada: ol y li
Una lista numerada se escribe con ol. Los elementos también van en li.
El navegador pone los números solo. Úsala cuando el orden importa, como en una receta.
Pruébalo: la receta de la tortilla
<h1>Tortilla de patatas</h1>
<ol>
<li>Pela y corta las patatas.</li>
<li>Fríelas con aceite.</li>
<li>Mézclalas con los huevos batidos.</li>
<li>Cuaja la tortilla en la sartén.</li>
</ol>
<!-- Cambia ol por ul y mira qué pasa con los números. -->
Ejemplo resuelto: ¿ul u ol?
| Situación | ¿Importa el orden? | Etiqueta |
|---|---|---|
| Lo que llevas a la excursión | No | ul |
| Pasos de una receta | Sí | ol |
| Los tres primeros de la liga | Sí | ol |
| Colores de una camiseta | No | ul |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Repaso rápido: listas
Inténtalo
Repaso rápido: listas
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
Tablas: table, tr, th y td
Una tabla se construye por filas. Todo va dentro de table.
Cada fila es un tr. Dentro de la fila, cada celda es un td.
Las celdas de la cabecera, las de arriba con los nombres, son th.