Listas
HTML define diferentes tipos diferentes de listas para agrupar los elementos:
- listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden).
- listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) .
Listas no ordenadas
Una lista no ordenada es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinados.
La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos.
Ejemplo:
<html>
<head><title>Ejemplo de etiqueta UL</title></head>
<body>
<h1>Menú</h1>
<ul>
<li>Inicio</li>
<li>Noticias</li>
<li>Artículos</li>
<li>Contacto</li>
</ul>
</body>
</html
Listas ordenadas
Los elementos relacionados se muestran siguiendo un orden determinado.
En todos estos casos, la lista más adecuada es la lista ordenada, que se define mediante la
etiqueta <ol>. Los elementos de la lista se definen mediante la etiqueta <li>, la misma que se utiliza en las listas no ordenadas.
Ejemplo:
<html>
<head><title>Ejemplo de etiqueta OL</title></head>
<body>
<h1>Instrucciones</h1>
<ol>
<li>Enchufar correctamente</li>
<li>Comprobar conexiones</li>
<li>Encender el aparato</li>
</ol>
</body>
</html>
0 comentarios:
Publicar un comentario
Ingresa tu consulta