Lessons | previous | next |

12. Address Footers and E-Mail Links

A worthwhile feature of web pages is a "footer" at the bottom of a page that provides information about the author and the document, maybe the last date it was modified, as well as a means to send the author a message by e-mail.

This is the place for the address tag which just stylizes a block of text in italic and offsets it to a new line.

It is a good idea to make footers brief, informative, and consistent between your different web pages. Some useful information to include is:

As examples, see the footers at the bottom of every web page in this tutorial. In composing your own style, take a look at other web pages for ideas. Imitation still is a very high form of flattery!

The HTML format for the address tag looks like:


    <address>
      text text text text text text text text text 
      text text text text text text text text text 
    </address>    

Note that all other HTML inside the address tag is legal, so we might modify it with bold tags, line breaks, and a hypertext link tag:

HTML Result
<address>
<b>Page Title</b><br>
Last Updated Dec 31, 1999<br>
Web Page by ssguy
([email protected]) <br>
<a href="http://www.baruch.cuny.edu/">
BB College</a><br>
</address>    
sample web page
Page Title
Last Updated Dec 31, 1999
Web Page by ssguy ([email protected] )
BB College

Now, suppose someone was reading your page and wanted to send you a comment on how nice your page looked. They would have to write down your e-mail address, launch another program, and send you a message. Wouldn't it be great if you could send email from your Web browser? Well, most web browsers now can!

The way to do this is to create a hypertext link with the mailto type in the URL (see lesson 8 for a refresher). Create an email hypertext link like this:


    <a href="[email protected]">send an e-mail to alan</a>

When the text send an e-mail to Me is clicked, the web browser will bring up a screen where you can compose a message and send it to me. What's more, you can also insert a default subject line for the e-mail message (NOTE: this may not work on all browsers):


    <a href="[email protected]?subject=hi from lesson 12">
       send an e-mail to alan</a>

Try it! Send me a note! send an e-mail to Me

And lastly, you can try insert a default message using the syntax body= and the text that should be placed in the body part of the email message window:

    <a href="mailto:[email protected],[email protected],
         ?subject=hi from lesson 12&[email protected] &body=Hi there,it is a good place.">
         send an e-mail to Me, someone; cc: someone, with a default message</a>
previous: "Definition Lists" | next: "Blockquotes" |