Las listas en XHTML

Imprimir

Otro de los elementos que aparecen con frecuencia en una página web son las LISTAS que, de manera simple, podemos decir que son una serie de ítems colocados en columna precedidos habitualmente de una bolita negra o un número.

El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: listas desordenadas (se trata de una colección simple de elementos en la que no importa su orden), listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) y listas de definición (un conjunto de términos y definiciones similar a un diccionario). Vamos a ver las dos primeras:

  • Cada ítem de una lista, sea del tipo que sea, se encuentra entre las etiquetas: <li> ... </li>.
  • Para listas ordenadas, colocamos todos los ítems entre las etiquetas: <ol> ... </ol>.
  • Para listas desordenadas, colocamos todos los ítems entre las etiquetas: <ul> ... </ul>.

Ejemplos:

Código XHTML   Vista previa
<ul>
    <li>Un ítem</li>
    <li>Otro ítem</li>
    <li>Otro más</li>
</ul>
lista_des
<ol>
    <li>Primer ítem</li>
    <li>Segundo ítem</li>
    <li>Tercer ítem</li>
</ol>
lista_ord

Las listas son elementos de bloque y por tanto no es necesario que estén dentro de párrafo, una lista comienza en nueva línea siempre.

aula_virtual_3con14

Utilidades

imprescindibles FireFox Google Chrome Opera Safari Acrobat Reader 7zip Flash Player Java FileHippo

Visitas...

TOTAL190390