MODULO 2. Lección 12 - HTML: LISTAS (1)

Hay tres tipos de listas:

Lista no ordenada 
<ul>

• Primer elemento
• Segundo elemento
• Tercer elemento
• Cuarto elemento

Lista ordenada

<ol>

1. Primer elemento
2. Segundo elemento
3. Tercer elemento
4. Cuarto elemento

Lista de descripción

<dl>

Primer elemento

         Descripción del primer elemento

Segundo elemento

         Descripción del segundo elemento

En las listas no ordenadas y ordenadas se emplea el elemento <li>

En las listas de descripción, se usan los elementos <dt> y <dd>

<ul>

•  ul=unordered list (lista no ordenada)
• El orden de aparición de los elementos no es importante
• Cada elemento de la lista se define con <li>
• li=list item
• Los elementos se indican con símbolos (círculos, cuadrados, etc...)

<ol>

1. ol=Ordered list (lista ordenada)
2. El orden de aparación de los elementos es importante
3. Cada elemento de la lista se define con <li>
4. Los elemtos se indican con números o letras

Puede hacer uso de los siguientes atributos que modifican su comportamiento:

- En HTLM 4 y 5:

-start: Permite indicar el valor inicial en el que debe comenzar la lista.

- type: Permite indicar el tipo de numeración (a, b, c...I, II, III..., etc...)

- En HTLM 5:

reversed: Permite la numeración descendente.

Lista con letras mayusculas: <ol type="A">

Lista con letras minusculas: <ol type="a">

Lista con numero romanos en mayusculas: <ol type="I">

Lista con numero romanos en minusculas: <ol type="i">

Para una lista de númeración descendente utilizariamos:

<ol reversed="reversed">

Podemos también combinar una lista de númeración descendente con el atributo type:

<ol type="1" reversed="reversed">

<dl>

dl=description list (Lista de descripción)

• Se emplea para definir una lista de términos con cero o más descripciones por cada término.
• Cada término de la lista se define con <dt>
• Cada descripción de un término se define con <dd>
• Los elementos no se indican con símbolos, números o letras, sino con un aumento del margen izquierdo.

Ejemplo de lista de descripción tomado del mismo curso:

Listas anidadas:

• Una lista anidada, es una lista dentro de otra lista y se pueden combinar de cualquier forma
• La lista que está dentro de otra, se llama sublista

adsa