Writing HTML | Acerca de | FAQ | Alumnos | Tags | Lecciones | anterior | siguiente |

11. Listas Descriptivas

• listas
  • listas
    • listas...

Objetivos

• construir una lista de elementos con bloques de texto descriptivos e indentados.
• crear una bibliografía con una lista descriptiva.

Lección

En la lección 6 vimos cómo se creaban dos tipos de listas: ordenadas <ol>...</ol> y sin ordenar <ul>...</ul>. Ahora veremos una tercera variedad, las listas descriptivas. A diferencia de las listas ya estudiadas las listas descriptivas marcan sus entradas no con una marca tipográfica (o topo) sino con su propia secuencia de indentación.

El formato para una lista descriptiva es:

<dl>
<dt> descripción título1
<dd> descripción descripción1
<dt> descripción título2
<dd> descripción descripción2
                :
                :
                :
<dt> descripción títuloN
<dd> descripción descripciónN
</dl>    

Visto en un Browser, el ejemplo anterior sería:

---

descripción título1

descripción descripción1

descripción título2

descripción descripción2

:

:

descripción títuloN

descripción descripciónN

---

La lista descriptiva podría ser usada como un glosario de definiciones, pero para nuestro ejemplo la usaremos para crear una corta bibliografía para nuestra página de Web de Volcanes:

1. Abra el archivo index.htm en su editor de textos.
2. Después de la lista sin ordenar bajo el encabezado Referencias introduzca:

   
   <h3>Bibliografía</h3>
   Busque en su biblioteca estos libros:
   <dl>
   <dt>Cas, R.A.F. and Wright, J. V. (1987). 
   <dd><I>Volcanic Successions: Modern and Ancient.</I> 
   London: Allen &amp; Unwin.
   
   <dt>La Croix, A. (1904)
   <dd><I>La Montagna Pel&eacute;e et ses &Eacute;ruptions.</I>
   Paris: Masson
   
   <dt>Lipman, P.W. and Mullineaux (eds). (1981)
   <dd><I>The 1980 Eruptions of Mount St. Helens, Washington.</I>
   U.S. Geological Survey Professional Paper 1250.
   </dl>
   

   NOTA: Hemos usado algunos caracteres especiales para el símbolo "ampersand" ("&") en la primera referencia y para los acentos en la segunda. Si no está familiarizado con los caracteres especiales vuelva a la lección 10.

3. Salve y Actualice en su web Browser.

Compruebe Su Trabajo

Revisión

1. ¿En qué se diferencian las listas descriptivas de las ordenadas y las sin ordenar?
2. ¿En qué situaciones usaríamos una lista descriptiva?
3. ¿Cuál es la diferencia entre las etiquetas <dt> y<dd>?

Práctica Independiente

Más Información

Óxidos

Combinaciones de iones de iones metálicos con Oxígeno, comprende la mayor parte de las menas explotadas en minería.

• Hematitis (hierro)
• Magnetita (hierro, magnético)
• Corindón (gemología, abrasivo)

Sulfatos

Iones de metal combinados con el ión sulfato (SO4), estructura atómica que a veces precisa de la intervención de moléculas de agua.

• Yeso (enyesados)
• Baritina (espato pesado)

<dl>
<dt><b>Óxidos</b>
<dd>Combinaciones de iones de iones metálicos con Oxígeno, comprende la mayor parte de las menas explotadas en minería.

    <ul>
    <li>Hematitis (hierro)
    <li>Magnetita (hierro, magnético)
    <li>Corindón (gemología, abrasivo)
    </ul>
<dt><b>Sulfatos</b>
<dd>Iones de metal combinados con el ión sulfato (SO4), estructura atómica que a veces precisa de la intervención de moléculas de agua.
    <ul>
    <li>Yeso (enyesados)
    <li>Baritina (espato pesado)
    </ul>
</dl>

A Continuación....

IR A.... | Índice de Lecciones | anterior: "Caracteres Especiales" | siguiente: "Direcciones a Pie de Página y Links a E-Mails" |

URL: