MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML Listas


Las listas HTML permiten a los desarrolladores web agrupar un conjunto de elementos relacionados en listas.


Ejemplo

Una lista HTML desordenada:

  • Artículo
  • Artículo
  • Artículo
  • Artículo

Una lista HTML ordenada:

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento
  4. Cuarto elemento
Inténtalo tú mismo »

Listo HTML desordenado

Una lista desordenada comienza con la etiqueta <ul>. Cada elemento de la lista comienza con la etiqueta <li>.

Los elementos de la lista estarán marcados con viñetas (pequeños círculos negros) de forma predeterminada:

Ejemplo

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Inténtalo tú mismo »

Lista HTML ordenada

Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.

Los elementos de la lista estarán marcados con números de forma predeterminada:

Ejemplo

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Inténtalo tú mismo »

Listas de descripciones HTML

HTML también admite listas de descripciones.

Una lista de descripciones es una lista de términos, con una descripción de cada término.

La etiqueta <dl> define la lista de descripción, la etiqueta <dt> define el término (nombre) y la etiqueta <dd> describe cada término:

Ejemplo

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
Inténtalo tú mismo »

Etiquetas de lista HTML

Etiqueta Descripción
<ul> Define una lista desordenada
<ol> Definir una lista ordenada
<li> Define un elemento de lista
<dl> Define una lista de descripciones
<dt> Define un término en una lista de descripciones
<dd> Describe el término en una lista de descripciones

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.



Comentarios