Creating hyperlinks with the <a> tag

Skills: using the <a> tag IT concepts: tag, attribute

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Where does this topic fit?

• Internet concepts– Applications– Technology– Implications

• Internet skills– Application development (Web)– Content creation– User skills

Hypertext

Hypertext:

Linear text: Table of contents

Chapter 1 1Chapter 2 10Chapter 3 20. . .

Which two things must we specify in a link?

Link text and target

<a href = “http://www.abc.com/prices”>ABC prices</a>

HTML for this example

The link textThe link destination

<a href = “link destination”> link text </a>

The general form

Link to a page on a different server

<a href = “http://www.abc.com/prices”>ABC prices</a>

<a href = “prices.htm”>ABC prices</a>

Link to a page on your own server

<a href = “products/prices.htm”>ABC prices</a>

Link to a page on your own server

Summary

What happens if you misspell the link destination?

What happens if you misspell the link text?

What happens if you leave http:// off of an external link?

What happens if you include http:// in a local link?

Is href a tag, value, attribute or neither?

Is <a> a tag, value, attribute or neither?

Self-study questions

W3schools tutorial on HTML links:http://www.w3schools.com/html/html_links.asp

Resource