MODULO 2. Lección 12 - HTML: LISTAS (1)
Hay tres tipos de listas:
Lista no ordenada
<ul>
Lista no ordenada
<ul>
- Primer elemento
- Segundo elemento
- Tercer elemento
- Cuarto elemento
Lista ordenada
<ol>
- Primer elemento
- Segundo elemento
- Tercer elemento
- 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>
- ol=Ordered list (lista ordenada)
- El orden de aparación de los elementos es importante
- Cada elemento de la lista se define con <li>
- 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
Comentarios
Publicar un comentario