HTML Básico: Listas

Las principales etiquetas que se utilizan para confeccionar listas en HTML son:

<ul> <ol> <dl>

Listas <ul>

• Listas no ordenadas
• Cada objeto de la lista se define con la etiqueta <li>
• Este listado es un ejemplo de lista

En lenguaje HTML quedaría como sigue:

<ul>

        <li>Listas no ordenadas</li>

        <li> Cada objeto de la lista se define con la etiqueta</li>

        <li> Este listado es un ejemplo de lista</li>

</ul>

Listas <ol>, del inglés "Ordered list"

1. Listas ordenadas (o numeradas).
2. Cada objeto de las lista se define con la etiqueta <li>
3. Este listado es un ejemplo de lista

 En lenguaje HTML quedaría como sigue:

<ol>

       <li>Listas ordenadas (o numeradas).</li>
       <li>Cada objeto de las lista se define con la etiqueta <li> </li>
       <li>Este listado es un ejemplo de lista</li>

</ol>

Listas <dl>, del inglés "definition list"

• Listas de definiciones
• Los diccionarios son un ejemplo de este tipo de listas
• Se usa <dt> para añadir el término
• Se usa <dd> para añadir la definición al término etiquetado con <dt>

Un ejemplo de este tipo de listas:

<dl>

       <dt>perro</dt>

        <dd>mamífero doméstico de la familia de los cánidos</dd>

</dl>

Quedaría como sigue:

perro

               mamífero doméstico de la familia de los cánidos

Listas anidadas

• Cualquier lista se puede anidar en listas <ul> y <ol>
• Las listas <dl> pueden anidarse a otras pero no ser anidas por su estructura en parejas
• Para anidar una lista, solo hay que crear otra nueva entre la etiqueta <li>