Links: HTML
Create Absolute Links
| A hyperlink is a direct connection
from the current location of the cursor to another location.
Most familiar to web site visitors is the hyperlink that takes them to another place on the web. For example, when you use a search engine it presents you with a list of hyperlinks to a variety of web sites that might have the information you are looking for. Such a link is called an absolute hyperlink. The absolute hyperlink goes out to a file external to the current web site. |
||
| The Anchor Tag | To create an absolute hyperlink use the Anchor tag <A></A> accompanied by the HREF attribute and the URL of the web site to which you are linking. | NOTE: HREF = Hypertext REFerence |
| Format | The format for an absolute hyperlink
is:
<A HREF="[address]">[clickable text]</A> The [address] stands for the location, the URL, you want to link to; enclose it in quotation marks. The [clickable text] is the text on your page that will appear in blue and underlined. A user clicking anywhere on the clickable text will be sent to the indicated address. |
REMINDER: Experienced web page developers embed their hyperlinks in the text rather than typing and highlighting the URL itself. |
| Parts of a URL | The term URL stands
for Uniform Resource Locator,
i.e., the web address.
By convention URLs are typed in lower case. A complete URL consists of several parts separated by forward slash marks:
Thus in the following URL http://www.nvcc.edu/home/ataormina/wdc/html/start1.htm
When you put an absolute hyperlink on your page you must use as your address the entire URL, including the protocol. |
|
| Example | The HTML code
for the sentence: I work at Northern
Virginia Community College would be:
I work at <A HREF="http://www.nvcc.edu">Northern Virginia Community College</A>. NOTE: I changed the default colors of my hyperlinks to match the colors on my web pages. |
See HTML: Color for information on how to change the default colors of text and hyperlinks. |
Links: HTML
Overview
Create Absolute Links
Create Relative Links
Create Mailto Links
Create Internal Links
Open a Link in a New Window
Web Design Center
Last Revised:
September 6, 2009
© Agatha Taormina