logo html5
Lenguaje de marcas
índice | introducción | formato | bloques | tablas | listas | multimedia

Listas

Etiquetas que definen una Lista

Etiqueta Descripción
<ul> Define una lista desordenada
<ol> Define una lista ordenada
<li> Define los items de la lista
<dl> Define una lista de definición
<dt> Define un item de la lista de definición
<dd> Define un término de la lista de definición

Nota: Los elementos de lista pueden contener nueva lista, y otros elementos HTML, como imágenes y enlaces, etc.

flecha

Listas desordenadas (ul)

La etiqueta <ul> define una lista desordenada (viñetas). Utilice la etiqueta <ul> junto con <li> para crear listas desordenadas.

Atributo Valor Descripción
compact compact No soportado por HTML5
type
  1. disc
  2. square
  3. circle
 No soportado por HTML5
flecha

Listas ordenadas (ol)

La etiqueta <ol> define una lista ordenada. Una lista ordenada puede ser numérico o alfabético. Utilice <li> para definir elementos de la lista.

  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
flecha

Listas de definición (dl)

La <dl> etiqueta define una lista de definición. La etiqueta <dl> se utiliza en conjunción con <dt> (define términos / nombres) y <dd> (describe cada término / nombre).

Coffee
Black hot drink
Vegetal origin
Milk
White cold drink
Animal origin
flecha

Resumen

<ul> <ul>
  <li>Coffee</li>
  <li>Tea</li>
  <Milk</li>
</ul>
<ol>
<ol>
  <li type="1">Coffee</li>
  <li type="1">Tea</li>
  <li type="1">Milk</li>
</ol> 		<ol>
  <li type="A">Coffee</li>
  <li type="A">Tea</li>
  <li type="A">Milk</li>
</ol> 		<ol>
  <li type="a">Coffee</li>
  <li type="a">Tea</li>
  <li type="a">Milk</li>
</ol>
<dl> <dl>
  <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dd>Vegetal origin</dd>
  <dt>Tea</dt>
    <dd>Green hot drink</dd>
    <dd>Vegetal origin</dd>
  <dt>Milk</dt>
    <dd>White cold drink</dd>
    <dd>Animal origin</dd>
</dl>
flecha