Las listas nos permiten crear un conjunto de elementos en forma ordenada de lista dentro de un página, los cuales irán
precedidos generalmente por un guión o número.
Tipos de listas
- Lista Ordenadas
- Lista Desordenadas
- Lista por definición
Listas Ordenadas
Las listas ordenas se caracterizan como su
nombre dice en generarl un conjunto de
elementos ordenadados a través de números
o letras ya seas ascendente o descendentes.
La estructura básica para trabajar con
Listas ordenadas es la siguiente:
<ol>...</ol>
Ejemplo I:
<ol>
<li>Leer</li>
<li>Jugar</li>
<li>Dormir</li>
</ol>
Resultado
- Leer
- Jugar
- Dormir
Tipos de listas ordenadas
Además podemos indicar que tipo de lista ordenada quieramos mostrar en nuestras listas entre los tipos de listas ordenadas tenemos
- 1-Lista ordenadas
- a-Lista alfabética minúscula
- A-Lista alfabética mayúscula
- i-Lista números roamanos minúscula
- I-Lista números romanos mayúscula
Para definir el tipo de lista se debe
hacer uso del atributo type de la
lista ordenada
HTML
<ol type="tipo">...</ol>
Si queremos que se muestre una lista con orden alfanúmerico la instrucción sería la siguiente:
Ejemplo II:
<ol type='A'>
<li>Julio</li>
<li>Carmen</li>
<li>Cinthya</li>
<li>León</li>
</ol>
Resultado
- Julio
- Carmen
- Cinthya
- León
Listas Desordenadas
Las listas desordenadas permiten definir un conjunto de elementos dentro de la página precedidas de un punto o cuadro...
La estructura básica para trabajar con listas desordenadas es la siguiente:
Ejemplo I:
<ul>
<li>FC. Barcelona</li>
<li>Real Madrid</li>
<li>Real Betis</li>
<li>Atlético de Madrid</li>
</ol>
Resultado
- FC. Barcelona
- Real Madrid
- Real Betis
- Atlético de Madrid