Uso de Listas en HTML

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 Elemento A 1 Elemento A 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...

- Como proteger el código fuente de una web en HTML
- La Internacionalización en el HTML
- La marca applet en HTML
- Poner sonido o música de fondo
- Cómo puedo mostrar código HTML coloreado

- Versión imprimible de este documento
- Enviar por e-mail este documento