|
|
|
|
|
|
|
|
|
|
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.
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: taroyamada@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.
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!
|
|
|
|
|
Last revision: 2002/03/04,
Copyright ©
|
|
|