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

12. Direcciones a Pie de Página y Links a E-Mails

Objetivos

• insertar un pie de página con cierto estilo al final de la misma.
• crear un link hipertexto que permita que le envíen e-mails.

Lección

Una característica que siempre vale la pena en las páginas web es el "pie de página" al final de la misma, y que ofrece información acerca del autor y del documento, la fecha de última actualización y la posibilidad de enviarle al autor un comentario vía e-mail.

Este es el lugar de la etiqueta address que precisamente le da un estilo propio a un bloque de texto mediante cursivas y desplazándo el bloque a una nueva línea.

Es una buena idea incorporar pies de página breves, informativos y consistentes entre páginas diferentes. Alguna información útil a incluir podría ser:

• Título o sujeto de la página actual
• Fecha de creación/actualización
• Copyright si fuera necesario (¿o incluso sin serlo?)
• Nombre y e-mail del autor de la página
• Nombre y link a alguna organización

Como ejemplos, vea los pies de página de cada una de las páginas de este tutorial. A la hora de crearse el suyo propio, eche un vistazo a otras páginas para tener más ideas. ¡Imitar es todavía una muy buena forma de halagar!

El código HTML para las etiquetas address es:

    <address>
      texto texto texto texto texto texto texto texto texto
      texto texto texto texto texto texto texto texto texto
    </address>    

<address>
<b>Título de la Página</b><br>
Última Modificación 31 de Diciembre de 1999<br>
Página Web Hecha por Alan Levine (levine@maricopa.edu) <br>
y Revisada por Arturo García (agma@usa.net) <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>    

Ahora, suponga que alquien está leyendo su página y desea enviarle un comentario sobre lo bonita que es. Tendría que escribirse su dirección, abrir otro programa y mandarle el mensaje vía e-mail. ¿No sería más atractivo que pudiera mandarle el e-mail desde el propio Web Broser? Bueno... ¡desde la mayor parte de los Browsers se puede!

La manera de hacer esto es crear un link hipertexto con el tipo mailto en la URL (vea la lección 8b para refrescar su memoria). Cree un link hipertexto de correo como este:

    <a href="mailto:levine@maricopa.edu">envíe un e-mail a alan</a>
    <a href="mailto:agma@usa.net">envíe un e-mail a arturo</a>

    <a href="mailto:levine@maricopa.edu,
       subject=Saludos desde la lección 12">envíe un e-mail a alan</a>
    <a href="mailto:agma@usa.net,
       subject=Saludos desde la lección 12">envíe un e-mail a arturo</a>

Note que puede tener cualquier texto (o gráfico) actuando como hiperlink. Así, en el ejemplo anterior podríamos modificar el HTML para hacer que la dirección internet sea el link para el e-mail.

<address>
<b>Título de la Página</b><br>
Última Modificación 31 de Diciembre de 1999<br>
Página Web Hecha por Alan Levine (levine@maricopa.edu) <br>
y Revisada por Arturo García (agma@usa.net) <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>    

<address>
<b>Título de la Página</b><br>
Última Modificación 31 de Diciembre de 1999<br>
Página Web Hecha por Alan Levine (levine@maricopa.edu) <br>
y Revisada por Arturo García (agma@usa.net) <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>    
<p>
<tt>
URL (original): http://www.mcli.dist.maricopa.edu/tut/
</tt>

1. Abra el archivo index.htm en su editor de textos.
2. Al final del documento (pero antes, claro está, de las etiquetas </body></html>), añada lo siguiente:

   
   <hr>
   <address><B>Web de Volcanes</B> <br>
   creada por Alberto Estrada, <a href="mailto:aestrada@pele.bigu.edu">aestrada@pele.bigu.edu</a><br>
   Estudios Volcánicos, <a href="http://www.bigu.edu/">Big University</a><p>
   <tt>última modificación: 1 de Abril de 1995</tt>
   </address>
   <p>
   <tt>URL: http://www.bigu.edu/web/index.htm</tt>
   

   NOTA: Hemos usado etiquetas que han sido ya cubiertas en lecciones anteriores. Note también la etiqueta <p> adicional al final; at the bottom; con ella se consigue que la última línea de texto esté siempre visible.

3. Salve y Actualice el archivo HTML.

Compruebe Su Trabajo

Revisión

1. ¿Qué hace la etiqueta address?
2. ¿La etiqueta address debe ir obligatoriamente al final?
3. ¿Cómo se crea una etiqueta que permita que le manden e-mails? ¿Y a alguien más? ¿Y cómo se añaden "Subjects"?

Práctica Independiente

A Continuación....

IR A.... | Índice de Lecciones | anterior: "Listas Descriptivas" | siguiente: "Tabulaciones" |

URL: