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: