 |
Listas Desordenadas
Las listas desordenadas en HTML nos sirven para mostrar los elementos sin ningún tipo de orden, simplemente precedidos por una viñeta que puede ser un punto, un cuadrado,…
Para definir una lista desordenada en HTML utilizamos el >elemento ul.
La forma de implementar este tipo de listas es idéntico a las listas ordenadas. Veamos un ejemplo donde implementamos una lista no ordenada:
Para representar los elementos de la lista desordenada utilizamos el mismo elemento que con las listas ordenadas, es decir, el elemento li.
<li> Elemento 1 </li>
<li> Elemento 2 </li>
...
<li> Elemento N </li>
</ul>
De esa forma podríamos tener el siguiente código HTML
<li>Buenos Aires</li>
<li>Catamarca</li>
<li>Corrientes</li>
<li>San Juan</li>
</ul>
Lo que nos mostrará por pantalla:
- Buenos Aires
- Catamarca
- Corrientes
- San Juan
Tipos de lista desordenada
En el caso de las listas en HTML desordenadas en HTML no podemos indicarle el tipo de lista mediante HTML. En este caso tenemos que recurrir a CSS para poder indicar el tipo de lista utilizando el atributo list-style-type
type="text/css" >
ul { list-style-type: circle; }
</style>
Para recordar los nombres de estas marcas HTML: