Las listas en html en profesordeinformatica.com

Las listas en html

Por Aitor López de Aberasturi el Sábado, 05 de Octubre de 2013 0 Comentarios

Vamos a tener 2 tipos de listas: Las listas desordenadas y las listas ordenadas. Además las listas de menú y obsoletas en XHTML son parecidas a las listas desordenadas en HTML 3.2.

La etiqueta li va a contener cada uno de los elementos de las listas ordenadas (<ol>), listas desordenadas (<ul>) y listas de menú (<menu>).

La etiqueta ul definir las listas desordenadas con viñetas.

Ejemplo

Ejemplo listas ordenadas html

 

Mis aficiones favoritas son:

  • Deporte
  • Cine
  • ....
Pruébalo

Ejemplo

Ejemplo etiqueta html

El atributo type solo es válido en html 3.2. En el ejemplo vemos viñetas cuadradas.

 

Mis aficiones favoritas son:

  • Deporte
  • Cine
  • ....
Pruébalo

Ejemplo

Ejemplo listas anidadas

 

Mis aficiones favoritas son:

  • Deporte
    • Fútbol
    • Baloncesto
    • Balonmano
  • Cine
  • ....
Pruébalo

La etiqueta ol define las listas ordenadas o numeradas.

Ejemplo

Ejemplo etiqueta html <ol> listas ordenadas

 

Mis aficiones favoritas son:

  1. Deporte
  2. Cine
  3. ....
Pruébalo

Ejemplo

Ejemplo etiqueta html <ol>

Válido para html 3.2. El atributo type

 

Mis aficiones favoritas son:

  1. Deporte
  2. Cine
  3. ....
Pruébalo

La etiqueta menu representa las listas de menú. Las listas de menú en HTML 3.2 tenían la misma estructura que las listas desordenadas. Están obsoletas en XHTML y en HTML5 es utilizado para menús contextuales, barras de herramientas y para listar formularios de control y comandos.

Ejemplo

Ejemplo etiqueta html <menu>

 
	
  • Comando 1
  • Comando 2
  • Comando 3
  • Pruébalo

    Ejemplo

    Ejemplo etiqueta html <menu>

     
     
    Pruébalo

    Próxima entrada

    Las listas de definición en html
    

    Sobre el profe

    Esta es la página web de Aitor Lopez de Aberasturi profesor de informática en ITS Ciudad Jardin. También puedes visitar mi blog de clase.