LISTAS HTML

Existen tres tipos de listas:

• Listas no ordenadas
• Listas ordenadas
• Listas de descripción.
• Listas anidadas.

los elementos de estas listas se definen de forma que, para la lista no ordenada y para la lista ordenada se emplea el elemento <li></li> para la lista de descripción se emplean los elementos 

<dt></dt> y <dd></dd>.

Ejemplo de lista no ordenada: 

<ul>

<li>Esto es un tipo de punto.</li>

<li>Este es otro.</li>

<li>Y este es otro diferente.</li>

</ul>

Ejemplo de lista ordenada:

<ol>
<li value="20">Este será el número 20. </li>
<li>Este será el 21. </li>
<li> Este será el 22. Y así sucesivamente. </li>

</ol>

En una lista ordenada se pueden usar algunos atributos que modifican su comportamiento. 

• start : permite indicar el valor inicial donde comienza la lista.
• type: (a,b,c,d.....I,II,III,VI).
• reverse: atributo bouleano, que hace que la numeración sea descendente.

Ejemplo de lista de descripcion: 

<dl>
<dt>Aquí va el término que definiremos</dt>
<dd>Y aquí dentro irá la definición propiamente dicha.</dd>
</dl>
<dl>
<dt>Aquí va la segunda definición</dt>
<dd>Y aquí dentro irá la segunda definición, separada automáticamente de la anterior.</dd>
</dl>

Ejemplo de listas anidadas: 

Ejemplo 1:

Ejemplo 2: