Web Design - Introduction to HTML: Hyperlinks

Sections:  Introduction  |  Section 1  |  Section 2  |  Section 3  |  Section 4  |  Section 5
Section Three:  Part A  |  Part B  |  Part C  |  Part D  |  Part E  |  Part F  |  Part G

Email Links and the Title Attribute

While browsing the internet have you ever clicked a link that opened, or attempted to open, your email program? If so, you experienced a variation of the href="" attribute; rather than linking/opening a web page the href="" attribute creates a link that opens (or attempts to open) the default email program on your computer, so that you can send an email.

The href="" value for creating email links looks a little bit different than the href="" value for an absolute reference or a relative reference. The href="" value used to create an email link must first have the keyword mailto: listed immediately followed by (meaning no space in between) the email address the link refers to.

Let’s See it in Action…

yamaha link

The title="" Attribute

In a previous section, you learned that some HTML tags provide information to web page visitors using assistive technologies to view web pages. In its most basic form the <a></a> tag doesn't offer much information to visitors using assistive technology. In fact, a basic link created with the <a></a> tags and an appropriately formatted href="" attribute would simply tell the visitor that there is a link on the page, but it would not explain anything else about the link.

To provide additional link information to visitors, web designers / web authors add the title="" attribute to the <a></a> tag. The value of the title="" attribute is text. The goal of the text is to provide additional information about the link. When the title="" attribute is added to the <a></a> tag a small informational box, with the text listed, opens over the link in question.

Let’s See it in Action

yamaha link

NextNext

© 2008 KCDL. All rights reserved.