[Index of Lessons]
[Lesson 10] [Lesson 12]

11. Address Footers and Email Links
Footers
A good feature of web pages is a "footer" at the bottom of a page, this 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 offsetting 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:
  • Title or subject of the current page
  • Date it was created/updated
  • Copyright if appropriate (or even meaningful?)
  • Name and e-mail for the web page author
  • Name and hypertext link to affiliation/organization

Though it is a useful thing to have, not every page for the site you are making needs these footers, if you put the footer on the important pages then people will still know. 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.
Address Tag
HTML Result 
<address>
  <b>Web Creation</b>
  Last Updated December 31, 1999
  Web Page by Sean Costain
  ([email protected])
  <a href="index.htm">
  Web Creation</a>
</address>
Web Creation
Last Updated December 31, 1999
Web Page by Sean Costain
([email protected])
Web Creation
Email Links
Now, suppose someone was reading your page and wanted to send you a comment on how great your page looked. They would have to write down your e-mail address, launch another program, and send you a message. Well, most web browsers can now send email.
The way to do this is to create a hypertext link with the mailto command, you then type in the URL. You create an email hypertext link like this:
<a href="mailto:[email protected]"> send me an e-mail</a>

When the text send me an e-mail is clicked, the web browser will bring up an email screen where you can compose a message and send it. What's more, you can also insert a default subject line for the e-mail message:
<a href="mailto:[email protected], subject=hi there">send me an e-mail</a>

Note that you can have any text (or graphic) act as the hypertext link. So to have a graphic, we would modify the HTML to have the Send me email line replaced with the code for a graphic. For example :

<a href="mailto:[email protected]"> <img border=0 src="../images/email.gif" width=100 height=62 alt="email"></a>

Creates this :

email
Address Tag & Email Link
HTML Result 
<address>
 <b>Web Creation</b>
 Last Updated December 31, 1999
 Web Page by Sean Costain
 <a href="mailto:
 [email protected]">
 ([email protected])</a>
 <a href="index.htm">
 Web Creation</a>
</address>
Web Creation
Last Updated December 31, 1999
Web Page by Sean Costain
([email protected])
Web Creation
Click on Lesson 12 to continue, or click here (Top) to return to the top of document

Hosted by www.Geocities.ws

1