Hay 2 tipos básicos de Listas: ordenadas y no-ordenadas.
Listas Ordenadas
Listas No-Ordenadas
(Ordered List)
(Unordered List)
Apple
Kiwi
Orange
Apple
Kiwi
Orange
Listas Ordenadas
Los TAGS utilizados para las listas ordenadas son <OL> (Ordered List) y <LI> (List Item). Para el ejemplo arriba mencionado, pondríamos: ...
<OL>
<LI> Apple
<LI> Kiwi
<LI> Orange
</OL>
...
Nótese como el TAG <LI> no se cierra.
Listas No-Ordenadas
Los TAGS utilizados son <UL> (Unordered List) y <LI> (List Item). El código para el ejemplo de arriba es: ...
<UL>
<LI> Apple
<LI> Kiwi
<LI> Orange
</UL>
...
Puede verse que el uso es prácticamente el mismo para ambas listas.
Listas Anidadas
Las listas se pueden "anidar" (nested lists). Para ejemplificarlo, se puede ver el siguiente ejemplo:
Fruits
Apple
Orange
Vegetables
Tomato
Carrot
El código de este ejemplo es el siguiente:
...
<OL>
<LI> Fruits
<UL>
<LI> Apple
<LI> Orange
</UL>
<LI> Vegetables
<UL>
<LI> Tomato
<LI> Carrot
</UL>
</OL>
...
En este código ejemplo, se utilizan "tabs" para hacer más legible el código. Es una práctica recomendada.
Atributos de las Listas