Para hacer una lista desordenada utilizaremos la etiqueta
<ul>. Dentro de ésta ira cada elemento de la lista encerrado en la etiqueta <li>. Veamos el siguiente código:<body> <ul> <!-- establecemos la lista --> <li>Patatas</li> <!-- primer elemento --> <li>Tomates</li> <!-- segundo elemento --> <li>Lentejas</li> <!-- tercer elemento --> <li>Lechuga</li> <!-- cuarto elemento --> <li>Avellanas</li> <!-- quinto elemento --> </ul> </body>
Lo primero que se ha hecho es implementar la lista por medio de la etiqueta
<ul>; posteriormente, y a través de la etiqueta <li>, se ha establecido cada elemento de la lista encerrándo el texto correspondiente en la misma. Para cambiar la lista a una ordenada basta con sustituir la etiqueta <ul> por la etiqueta <ol>.También tenemos la posibilidad de hacer esquemas con tan solo anidar listas. Anidar quiere decir meter una lista dentro de otra. Vemos el siguiente código y lo comentamos:
<ol> <!-- establecemos la lista principal --> <!-- primer elemento de la lista principal --> <li>Bebidas <!-- anidamos una lista dentro de "bebidas" --> <ul> <li>Refrescos</li> <li>Zumos</li> </ul> </li> <!-- segundo elemento de la lista principal --> <li>Bollería <!-- anidamos otra lista dentro de "bollería" --> <ul> <li>Bizcochos</li> <li>Magdalenas</li> </ul> </li> </ol>
No hay comentarios:
Publicar un comentario