Listas
<UL> <OL> <LI>
Junto con encabezados y p�rrafos, son otro de los elementos HTML m�s comunes. Pueden darse cinco tipos diferentes de listas, cada uno con tags distintas aunque con alguna en com�n:
- Listas numeradas u ordenadas: Se engloban por las tags <ol>.....</ol> y cada elemento de la lista estar� encabezado por la tag <li> que puede o no llevar la tag de cierre </li>. Es conveniente que cada elemento de la lista est� en una l�nea nueva aunque todo seguido consiga en la presentaci�n el mismo efecto. Cuando el navegador interpreta una lista ordenada, numera y sangra cada elemento en forma secuencial, aunque se introduzcan modificaciones.
- Listas con vi�etas o sin orden: Se engloban por las tags <ul>.....</ul> y cada elemento de la lista, tambi�n estar� encabezado por la tag <li>. El resultado es que el navegador inserta vi�etas (marcadores) delante de cada elemento.
-
Listas de men� y de directorio: Est�n en desuso puesto que su resultado suele ser, pr�cticamente, id�ntico al de las listas con vi�etas.
- Men�: Englobadas por las tags <menu>.....</menu> y cada elemento encabezado por la tag <li>.
- Directorio: Englobadas por las tags <dir>.....</dir> y cada elemento encabezado por la tag <li>.
- Listas de glosario: Cada elemento de la lista est� compuesto por un t�rmino y una definici�n y cada una de estas partes tiene su propia tag. Estas listas se engloban con las tags <dl>.....</dl>. Para el t�rmino se usa la tag <dt> y para la definici�n la tag <dd>. Generalmente el navegador colocar� t�rmino y definici�n en dos l�neas diferentes pero esto se puede evitar a�adiendo a la tag de apertura el atributo compact: <dl compact>.
- Listas anidadas: Consiste en poner una lista dentro de otra, de manera que la lista secundaria sangre respecto a la principal. Puede jugar con los diferentes tipos de lista pero recuerde estructurar bien las tags: Las tags de la lista principal englobar�n todo el conjunto de las listas y las tags de las listas secundar�as se cerraran antes de volver a la lista principal. Ahora quiz� le empiece a convenir sangrar el propio c�digo conforme lo va escribiendo en HTML.
<HTML>
<HEAD>
<TITLE>Ejemplo 6</TITLE>
</HEAD>
<BODY>
<H1>Listas</H1>
Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br><br>
Una lista sin ordenar
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br><br>
Una lista de glosario
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
<br><br>
Listas anidadas
<ul>
<li>Uno
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</BODY>
</HTML>
URLs