Cafe LaTe Home
Contents
Background
Getting Started
Images
Links
Tables
Lists
Resources
Tag Index
Email Hyperlinks

Section 4: Hyperlinks
   Lesson 4-4: Email Links



   Hello, There are a number of other types of links which you can use on a web page, such as links using other protocols, but this tutorial only covers the basics. Before going on to the Tables section, however, there is one more basic link type we need to learn how to create - the email link.

email    You may want to put an email link on your web page so that readers can easily contact you by email. When an email link is clicked, the user's email software starts up with a mail composition form ready, and your email address automatically put into the destination address box. However, email links generally don't work for users who use web-based email systems.

   Making an email link is easy. The link takes the same form as an ordinary page link, but the email address is used as a value for the HREF attribute. Here is an example:

Email me at:
a href="mailto:taroyamada@provider.ne.jp"taroyamada@provider.ne.jp/a

On your web page, the link would look like this:   

Email me at: taroyamada@provider.ne.jp

   You can also use graphics in your links. For example:

Email me at: a href="mailto:taroyamada@provider.ne.jp"
img src="mail.gif" width="32" height="32" border="0" alt="mailbox"
taroyamada@provider.ne.jp/a

   On your page, you would see this:    Email me at: mailboxtaroyamada@provider.ne.jp


Practice:

   Save a copy of the above mailbox graphic in your floppy disk. Then add an email link like the one above to the bottom of your practice page. Use both text and the mailbox graphic in your link. Use your own email address in place of "taroyamada@provider.ne.jp". When finished, your practice page should look like this.


Review:

  • Email links look like page links, but use "mailto:emailaddress" as the value of the HREF attribute.
  • Email links don't work with most web-based email accounts.

coffee break


   Well, you are now finished with the Links section of this tutorial. It's time for a cafe latte break. After your break, go to Checkup 4 for an exciting quiz!

 


Previous Lesson Next Lesson
 

[Cafe LaTe Home] [Chat Lounge] [Community Center] [Newspaper] [HTML Tutor]



Last revision: 2002/03/04, Copyright © The Three Cities Workshop