Manual HTML Aversitenteras

16 pasos sencillos para construir tu propia web




9. LISTAS NO ORDENADAS



.

bullet  Listas no ordenadas:

Este tipo de listas se identifican con la etiqueta <UL> (Unordered List). Cada ítem de la lista irá precedido de la etiqueta <LI> (List Item) al igual que en las listas ordenadas.

Ejercicio:  Veamos a continuación un ejemplo de lista no ordenada:

<HTML>
<HEAD>
<TITLE>Listas no ordenadas</TITLE>
</HEAD>
<BODY>
<H2>Ejemplo de lista no ordenada:</H2>
<UL>
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</UL>
</BODY>
</HTML>

Guardamos el resultado como ejercicio8.htm y este es el resultado:

listas no ordenadas

Podemos observar como a diferencia de las listas ordenadas este tipo de listas no llevan ningún tipo de numeración sino que simplemente va precedido de un símbolo (en este caso un circulo).

También podemos modificar atributos en las listas no ordenadas:

a) Type. Mediante este atributo podremos cambiar el símbolo que precede a este tipo de listas. Type puede tomar los siguientes valores en las listas no ordenadas:

listas no ordenadas

Ejercicio:  Aprovechamos el ejercicio anterior para darle un valor diferente al atributo Type.

<HTML>
<HEAD>
<TITLE>Listas no ordenadas</TITLE>
</HEAD>
<BODY>
<H2>Ejemplo de lista no ordenada:</H2>
<UL Type="square">
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</UL>
</BODY>
</HTML>

Obtenemos el siguiente resultado:

listas no ordenadas

Obsérvese que con este atributo hemos modificado la forma por un cuadro.




anterior     indice     siguiente