Writing HTML | About | FAQ | Alumni | Tags | Index | back | next |

12. Address Footers and E-Mail Links

Hey! You created a snazzy web page-- autograph it with a footer! Let people on the web send you an e-mail message right from your web page!

Objectives

After this lesson you will be able to:

Lesson

Note: If you do not have the working documents from the previous lessons, download a copy now.

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. The is the place for the address tag which usually does no more then stylizing a block of text in italic and offsetting it to a new line.

Stylistically, it is good to make these brief, informative, and consistent between 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 might look 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: 
    <address>
    <b>Page Title</b> <br>
    Last Updated February 31, 1999 <br>
    Web Page by Alan Levine (levine@maricopa.edu) <br>
    <IMG SRC=/images/signs/litebolt.gif ALIGN=CENTER>

which should produce:






Page Title 

Last Updated February 31, 1999 

Web Page by Alan Levine (levine@maricopa.edu) 

Maricopa Community Colleges


  




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 8b for a refresher). Create
an email hypertext link like this:

    <IMG SRC=/images/signs/litebolt.gif ALIGN=CENTER>

When the text send an e-mail to alan is clicked, the web browser will 
bring up a screen where you can compose a message and send it to me. Try it! Send me a note!
send an e-mail to alan


Note that you can have any text (or graphic) 
act as the hypertext link. So in the previous example, we would modify the HTML to
have the internet address create the link for e-mail.


    <address>
    <b>Page Title</b> <br>
    Last Updated February 31, 1999 <br>
    Web Page by Alan Levine <A HREF="mailto:levine@maricopa.edu">(levine@maricopa.edu)</A> <br>
    <a href="http://www.mcli.dist.maricopa.edu/">Maricopa Community Colleges</a><br>
    </address>   



which should produce:




    

    Page Title 

    Last Updated February 31, 1999 

    Web Page by Alan Levine (levine@maricopa.edu) 

    Maricopa Community Colleges

    
    




And finally, we recommend that you also put in the footer the URL for the 
page. Why? What if someone prints out your web page but does not
bookmark or note its URL? This provides a handy reference. Just modify the above example
(note how this HTML is below the <address>...</address> tag:

    <address>
    <b>Page Title</b> <br>
    Last Updated February 31, 1999 <br>
    Web Page by Alan Levine <A HREF="mailto:levine@maricopa.edu">(levine@maricopa.edu)</A> <br>
    <a href="http://www.mcli.dist.maricopa.edu/">Maricopa Community Colleges</a><br>
    </address>
    <p>
    <tt>URL: http://www.mcli.dist.maricopa.edu/tut/final/index.htm</tt>
    
 
which should produce:


    <tt>URL: http://www.mcli.dist.maricopa.edu/tut/final/index.htm</tt>

    

    Page Title 

    Last Updated February 31, 1999 

    Web Page by Alan Levine (levine@maricopa.edu) 

    Maricopa Community Colleges

    
    
     

    URL: http://www.mcli.dist.maricopa.edu/tut/final/index.htm




Now it is time to add a footer to your HTML file. For this example, we assume
you are "Lorrie Lava" a staff Volcanologist at Big University (feel free
to put your own information in place of what is below):

    

  1. Open the HTML file, index.htm in your text editor.

  2. At the bottom of the document (but above the </body></html> tags), 
add the following:

    <HR>
<address><B>Volcano Web</B> <br>
created by Lorrie Lava, <IMG SRC=/images/signs/litebolt.gif ALIGN=CENTER>

    NOTE: We've used several HTML tags that have been covered in previous
lessons. Also note the extra <p> tag at the bottom; this makes 
sure the last line of text is always visible.
    

  3. Save and Reload the HTML file.




Check Your Work

Compare your document with a sample
of how this document should appear. If your
document was different than the sample, review the text you
entered in the text editor.


Review

Review topics for this lesson:

    

  1. What does an address tag do?

  2. Does an address tag have to be at the bottom?

  3. How do you create a tag that will e-mail to you? to someone else?





Independent Practice

Add an address footer and e-mail links to your own HTML documents.




Coming Next....

Yet another way to break up those long boring sections of text!
The BLOCKQUOTE....


  GO TO....  | Lesson Index | 
back:  "Descriptive Lists" |
next:  "Blockquotes" |




Writing HTML  Lesson 12: Address Footers and E-Mail Links



©1995 
Maricopa Center for Learning and Instruction (MCLI)

Maricopa County Community College District, Arizona

The Internet Connection at MCLI is 
Alan Levine --}

Comments to levine@maricopa.edu




URL: http://www.mcli.dist.maricopa.edu/tut/tut12.htm