A menudo hay que hacer listas de objetos, de conceptos, de definiciones... Las listas pueden ser no numeradas (el orden no importa) y numeradas:
7.1. Listas no numeradas.
Comienza el listado con la etiqueta <ul> (unordered list) y su final con la etiqueta de cierre </ul>. Cada objeto que forma la lista va precedido de la etiqueta <li> (list item) sin etiqueta de cierre.
Veamos un ejemplo:
quedando el resultado:
7.2. Listas numeradas.
Comienza el listado con la etiqueta <ol> (ordered list) y su final con la etiqueta </ol>. Cada objeto que forma la lista va precedido, igual que en las anteriores de la etiqueta <li> sin cierre.
Veamos un ejemplo:
quedando el resultado:
7.3- Listas anidadas.
Se pueden combinar unas listas dentro de otras: No numeradas y/o numeradas. Hay que tener, simplemente, cuidado en la colocación de las etiquetas de apertura y cierre.
Veamos un ejemplo:
quedando el resultado:
Hemos incorporado la etiqueta de encabezado de tercer orden <h3> para resaltar el concepto que se va a clasificar. (Recuerda que los encabezados van del <h1> el mayor al <h6> el menor).
7.4. Listas de definiciones.
Son apropiadas, como su nombre indica, para establecer listados de términos con sus definiciones. Las etiquetas de apertura y cierre son <dl> y </dl> (definition list). Los conceptos a definir van con la etiqueta <dt> (definition term) y las definiciones con la etiqueta <dd> (definition definition).
Veamos un ejemplo:
quedando el resultado:
Ejercicio 6. Listas 1.
Debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Además, tienes que tener en cuenta los siguientes requisitos:
Para ver la solución del ejercicio 6, escribe el código que te facilitará el profesor:
Contraseña:
Ejercicio 7. Listas 2
Debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Para ver la solución del ejercicio 7, escribe el código que te facilitará el profesor:
Contraseña: