Resumen General de Listas en HTML

En este veremos un resumen general sobre listas HTML sin entrar en profundidad. En HTML solamente podemos crear 5 tipos de listas como serían: lista numerada o una lista ordenadauna lista con viñetas, otro nombre para una lista desordenada, una lista de directorios y una lista de menú.

tipos de listas html

Características de los 5 tipos de Listas HTML

Etiquetas <ol>, <ul>, <li>, <dl>, <dt>, <dd>, <dir>, <menu>

  • Lista de directorios : formada por dos etiquetas <dir>, <li> . La etiqueta <dir> forma la lista de directorios directamente y la etiqueta <li> forma los elementos de la lista. HTML 4 no permite la etiqueta <dir>; en su lugar, se recomienda utilizar la etiqueta <li>.
  • Lista de menú : creada por dos etiquetas <menu>, <li> . La etiqueta <menu> crea una lista de menú y la etiqueta <li> forma los elementos de la lista. En HTML 4, la etiqueta <menu> no está permitida; en su lugar, se debe usar la etiqueta <ul>. En HTML 5, se devolvió la etiqueta <menu>, pero ahora sirve como contenedor para la etiqueta <command> y forma el menú.
  • Lista de definiciones : esta lista HTML está formada por tres etiquetas <dl>, <dt>, <dd> . La etiqueta <dl> forma una lista de definiciones . La etiqueta <dt> sirve como contenedor para el término que se define. La etiqueta <dd> es un contenedor para definir un término. La peculiaridad de la lista de definiciones es que las definiciones del término se desplazan 40 píxeles hacia la derecha, si no se aplican otros estilos.
  • Lista numerada : esta lista HTML se representa mediante dos etiquetas <ol>, <li> . La etiqueta <ol> forma una lista numerada , a veces llamada lista ordenada. La etiqueta <li> es un contenedor de elementos de lista. La lista se llama numerada, porque cada uno de sus elementos estará numerado, el orden de numeración, el tipo de numeración se puede establecer usando atributos HTML o usando una hoja de estilo.
  • Lista con viñetas : este tipo de lista HTML se crea con 2 etiquetas <ul>, <li>. La etiqueta <ul> crea una lista con viñetas, a veces denominada lista desordenada. La lista se llama con viñetas porque cada elemento de la lista se indica con una viñeta a la izquierda. La apariencia del marcador se puede cambiar usando atributos HTML o reglas CSS.