Saltar la navegación

Ejemplo de listas

 

Deberás comprobar con el inspector de código, si las listas que encontrarás más abajo están bien construidas. Para ello, pincha en cada una de ellas con el botón derecho del ratón, selecciona dentro del menú contextual la opción "Inspeccionar..." y comprueba su código.

Pero antes de empezar te diremos que tienes que buscar en cada una de ellas.

Las listas ordenadas se construyen con los siguientes elementos: <ol> (contenedor) y <li> (cada elemento de la lista)

Las listas no ordenadas se construyen con los siguientes elementos: <ul> (contenedor) y <li> (cada elemento de la lista)

Las listas de definición, como habrás podido comprobar en la imagen del código que hemos incluido en sección, se construyen utilizando elementos <dl> (contenedor), <dt> (palabra a definir) y <dd> (definición).

A continuación, te mostramos varias listas:


A. Lista de mascotas:

   - perro
   - gato
  - tortuga


B. Lista de frutas:

  • pera
  • manzana
  • naranja

C. Lista de rangos militares (ordenados de mayor a menor):

     1. capitán
     2. teniente
     3. cabo


D. Nivel de estudios (ordenados de menos a más):

  1. sin estudios
  2. bachiller
  3. graduado

E. Menú del día:

  1. Primer plato
    • Sopa
    • Ensalada
  2. Segundo plato
    • Lentejas con chorizo
    • Cocido madrileño
  3. Postre o café

F. Definiciones:

Accesibilidad
Condición que deben cumplir los entornos, productos y servicios para que sean comprensibles, utilizables y practicables por todos los ciudadanos, incluidas las personas con discapacidad.
Usabilidad
Cualidad de la página web o del programa informático que son sencillos de usar porque facilitan la lectura de los textos, descargan rápidamente la información y presentan funciones y menús sencillos, por lo que el usuario encuentra satisfechas sus consultas y cómodo su uso.