Uso de Listas en HTML

Una forma común de expresar una relación de datos es en forma de listas. Las listas en HTML pueden ser de dos tipos: desordenadas y ordenadas. En el primer tipo, los datos se escriben al lado de un símbolo, sin la necesidad de establecer un orden entre ellas. Ejemplo:

Elemento AElemento B
Elemento C

En este caso, no se establece un orden necesario, todos los elementos tienen la misma importancia o nivel. Sin embargo, si utilizamos las listas ordenadas:

Elemento AElemento B
Elemento C

Ahora si establezco, mediante números, el orden o relevancia de los elementos.

Las listas desordenadas vienen entre las etiquetas <UL> y </UL> (unordened lists). Cada elemento deberá estar precedido por las etiquetas <LI> y </LI> (list item). El ejemplo anterior de listas desordenadas se escribiría así:

<ul> <li>Elemento A</li> <li>Elemento B</li> <li>Elemento C</li> </ul>

Por otro lado, las listas ordenadas (ordened lists) se construyen de la misma forma, si bien en lugar de las etiquetas <UL> y </UL> deberemos escribir <OL> y </OL>.

<ol> <li>Elemento A</li> <li>Elemento B</li> <li>Elemento C</li> </ol>

Con el fin de presentar nuestras listas de un modo más atractivo, podemos definir cierta propiedad, que especificará el símbolo a implementar. Es decir, dentro de las etiquetas que definen la lista, <ul> u <ol>, escribiremos el atributo type="valor", donde valor podrá ser circle, disc o square (ul) y 1, a, A, i, I (en ol). También podremos anidar elementos, para hacer una lista dentro de un elemento de la lista. Viendo un ejemplo de todo esto:

Elemento A
1. Elemento A 1 Elemento A 2
2. Elemento A 3
Elemento B
Elemento C

Autor: thecharacter
http://www.templobinario.com/index.php?mdl=la&ida=30

Usuarios que han visto este tema también han visto...

- Ejecutar vídeos dentro de la web con HTML
- Controles de formularios en diseño web
- Listas y Menús con HTML
- Música al cargar la página en HTML
- Redirección con HTML

- Versión imprimible de este documento

- Enviar por e-mail este documento