Listas HTML

Hola a todos, hoy os explicare como insertar los distintos tipos de listas en un documento HTML.

Las listas permiten agrupar elementos que tienen relación entre si.

Cuando se crea la lista, se etiquetan los elementos con <li>, deben cerrarse.

Los tipos de listas son:

  • Lista desordenada: se emplea para definir listas no ordenadas. Con el atributo type. Por ejemplo:

lista desordenada

  • Lista ordenada: se emplea para definir listas no ordenadas. Por ejemplo:

lista ordenada

NOTA: también puedes poner en type i y A, hace lo mismo que los anteriores, pero en minúscula y mayúscula respectivamente.

  • Listas de definición: este tipo de lista es diferente al resto de listas vistas, su funcionamiento es similar al de un diccionario. La lista se define con <dl>, cada termino se define con <dt> y su descripción  con <dd>. Cada etiqueta debe cerrarse. Por ejemplo:

lista definicion

También se pueden anidar listas, con cualquier tipo de lista.

lista desordenada anidada

Espero que os sea de ayuda.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *