Chps-Web

Links PHP

 

 

Last Updated (Friday, 14 September 2012 01:21)

 

Listas en HTML

Listas en HTML

Para poder utilizar las listas es necesario conocer que tipos de listas existen en HTML.

Tipos de lista

Tenemos el tipo de lista UL, que son las listas desordenadas.

Este tipo de listas contiene a etiquetas LI que van a representar cada ítem en su interior.

Las etiquetas UL tienen la característica de que cada uno de sus ítems contenidos están antecedidos por un círculo (este se puede cambiar) que lo va a definir como ítem de lista.

Taller de Adobe Dreamweaver: Lista

Acá en la imagen, podemos ver los distintos tipos de visualización de listas desordenadas que tenemos: square, circle, y disc; que los podemos setear en el atributo Type de la lista.

Otro tipo de lista son las OL, que son las listas ordenadas.

Estas listas, a diferencia de las anteriores, en vez del círculo, cuadrado o disco, que tienen las UL, van a estar ordenadas por numeración o alfabéticamente.

Es así que tenemos:

Taller de Adobe Dreamweaver: Lista

Type 1:
Van ordenadas numéricamente de 1 a la cantidad de ítems que tengamos.

Type a:
Van ordenadas alfabéticamente de la “a” a la “z” en minúsculas.

Type A:
Van ordenadas alfabéticamente de la “A” a la “Z” en mayúsculas.

Type i:
Van ordenadas en números romanos (en minúsculas).

Type I:
Van ordenadas en números romanos (en mayúsculas).

Y el tercer tipo de listas, son las listas de definición, DL.

Taller de Adobe Dreamweaver: Lista

Como podemos ver las DL nos permiten poner una “especie” de título (DT) para el cual daremos una definición (DD).

No tiene mucha ciencia, cada uno le encontrará uso en algún momento (recuerden usar cada tipo de etiqueta según corresponda, que para eso están creadas).

Para qué más sirven las listas

Otro uso muy común que tienen las listas, más allá de hacer una lista de ítems común es, por ejemplo, la de crear menúes o barras de navegación en paginas web (obviamente).

Las listas se pueden anidar unas dentro de otras, entonces, creando una lista principal con diferentes términos y luego en cada uno poniendo otra lista, podríamos generar un menú desplegable (aplicando algunos estilos que veremos más adelante).

Esto se los nombro por arriba, y no lo voy a explicar ahora, porque un menú desplegable con listas, será una de las primeras cosas que hagamos como ejemplo cuando veamos más estilos.

De todos modos, el uso que le puedan dar a una lista, o a cualquier elemento, esta dado por lo que se les ocurra a ustedes en el momento.

Sin más por el momento me despido y quedo a sus ordenes..


 


Last Updated (Thursday, 23 August 2012 21:23)