5.1. Listas no ordenadas
Las listas no ordenadas son las más sencillas y las que más se utilizan. 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.
| <ul> | Lista no ordenada |
|---|---|
| Atributos comunes | básicos, i18n y eventos |
| Atributos específicos | - |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir listas no ordenadas |
| <li> | Elemento de una lista |
|---|---|
| Atributos comunes | básicos, i18n y eventos |
| Atributos específicos | - |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir los elementos de las listas (ordenadas y no ordenadas) |
El siguiente código HTML muestra un ejemplo sencillo de lista no ordenada:
<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>
Figura 5.1. Ejemplo de uso de la etiqueta ul
El navegador por defecto muestra los elementos de la lista tabulados y con una pequeña viñeta formada por un círculo negro. Como ya se sabe, el aspecto con el que se muestran los elementos de las listas se puede modificar mediante las hojas de estilos CSS.
Puedes sugerir, comentar, criticar e informar de errores en contacto (arroba) librosweb.es
Índice de contenidos
- Capítulo 5. Listas
- 5.1. Listas no ordenadas
- 5.2. Listas ordenadas
- 5.3. Listas de definición