MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De Fr Ru

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 Referencia de etiquetas HTML en nuestro sitio web W3SchoolsES. ElMejor.


HTML - Listas - Vídeo de W3Schools

Este vídeo explica las listas en HTML.

¡Parte de una serie de videotutoriales para aprender HTML para principiantes!



Comentarios