HTMLLiza


Introducción

HTML ofrece tres formas de especificar listas: listas ordenadas, listas no ordenadas y listas de descripción. Las listas ordenadas usan secuencias ordinales para indicar el orden de los elementos de la lista, las listas no ordenadas usan un símbolo definido como una viñeta para enumerar los elementos sin un orden designado, y las listas de descripción usan sangrías para enumerar los elementos con sus hijos. Este tema explica la implementación y combinación de estas listas en el formato HTML.

Sintaxis

  • <ol> ordered list items </ol>
  • <ul> unordered list items </ul>
  • <li> list item (ordered and not) </li>
  • <dl> description list items </dl>
  • <dt> description list title </dt>
  • <dd> description list description </dd>

Observaciones

Ver también

Puede agregar una propiedad CSS de tipo estilo de lista a una etiqueta <ul> para cambiar el tipo de icono que se usa para marcar cada elemento de lista, por ejemplo, <ul style="list-style-type:disc"> . Se admiten los siguientes tipos de estilo de lista:

  • "list-style-type: disc" es el punto predeterminado.
  • "list-style-type: circle" es un círculo sin rellenar.
  • "list-style-type: square" es un cuadrado relleno.
  • "list-style-type: none" no utiliza ninguna marca.

También puede agregar un atributo de tipo a una etiqueta <ol> para cambiar la forma en que se realiza la numeración, por ejemplo, <ol type="1"> . Se permiten los siguientes tipos:

  • type = "1" es la forma predeterminada.
  • type = "A" usa letras mayúsculas en orden alfabético
  • type = "a" usa letras minúsculas en orden alfabético
  • type = "I" usa números romanos con letras mayúsculas
  • type = "i" usa números romanos con letras minúsculas

Liza Ejemplos relacionados