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: