Las posibilidades que nos ofrece el HTML en cuestión de tratamiento de texto son realmente notables. Varios ejemplos de ello son las listas, que sirven para enumerar y definir elementos, los textos preformateados y las cabeceras o títulos.
Las listas originalmente están pensadas para citar, numerar y definir cosas a través de características, o al menos así lo hacemos en la escritura de textos. Sin embargo, las listas finalmente se utilizan para mucho más que enumerar una serie de puntos, en realidad son un recurso muy interesante para poder maquetar elementos diversos, como barras de navegación, pestañas etc.
Podemos distinguir tres tipos de listas HTML:
- Listas desordenadas
- Listas ordenadas
- Listas de definición
Las veremos detenidamente una a una.
Listas desordenadas
Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li>
(sin cierre, aunque no hay inconveniente en colocarlo). La cosa queda así:
<p>Países del mundo</p>
<ul>
<li>Argentina
<li>Perú
<li>Chile
</ul>
Podemos definir el tipo de viñeta empleada para cada elemento. Para ello debemos especificarlo por medio del atributo type incluido dentro de la etiqueta de apertura <ul>, si queremos que el estilo sea válido para toda la lista, o dentro de la etiqueta <li> si queremos hacerlo específico de un solo elemento. La sintaxis es del siguiente tipo:
<ul type=»tipo de viñeta»>
donde tipo de viñeta puede ser uno de los siguientes:
circle
disc
square
<ul type=»square»>
<li>Elemento 1
<li>Elemento 2
<li>Elemento 3
<li type=»circle»>Elemento 4
</ul>
Que tiene como resultado
- Elemento 1
- Elemento 2
- Elemento 3
- Elemento 4