fbpx

HTML li

En los documentos web puedes crear listas para organizar contenidos. Estas pueden llevar una secuencia alfanumérica o no tener un orden específico. En cualquiera de estos casos, se hace imprescindible la etiqueta HTML li.

Descripción

La etiqueta HTML li (iniciales de list item, en inglés) es un elemento de lista que demarca cada ítem o punto de una lista, ya sea ordenada (elemento <ol>) o desordenada (elemento <ul>).

Contiene texto que el navegador reconocerá y alineará, asignándole un símbolo precedente (letra, número u otros caracteres especiales), como parte del elemento macro asociado.

También puede representar cada comando (acción posible) dentro de un menú (elemento <menu>).

En código fuente, su empleo implica la etiqueta <li> al inicio, seguida del texto o descripción correspondiente al punto o ítem de lista, delimitado con la etiqueta de cierre </li>. Asimismo, requiere la existencia de una lista o menú, lo cual ocurre al anteponer las etiquetas <ul>, <ol> o <menu> y con la escritura de las etiquetas </ul>, </ol> o </menu> como complemento al final.

Ejemplos

Uno de sus usos simples puedes verlo en la siguiente lista:

<ul>
  <li>Agua</li>
  <li>Jugo de limón</li>
  <li>Azúcar.</li>
</ul>

Atributos

En <li> aplican los siguientes atributos específicos:

Value

Indica el orden dentro de la lista con un número entero.

Type

Permite definir el tipo de símbolo que le identifica como parte de una lista.

Si es desordenada, puede ser un cuadrado sin relleno (square) o círculo con (disc) o sin (circle) relleno.

De ser ordenada, los valores posibles son: números enteros (“1”), números romanos (“i”,“I”) o letras (“a”,“A”), en minúsculas o mayúsculas, respectivamente.

Además, puede contener atributos genéricos referidos al estilo de presentación (style), identificación única (id), tipos de descripción (class), dirección de escritura (dir), idioma (lang) y título referencial (title).

Con la etiqueta HTML li podrás darle un matiz más claro y sencillo una página web.



Share This