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:

  • protocol (e.g., http): the type of file being linked to
  • domain name
  • directory path
  • individual filename

Thus in the following URL

http://www.nvcc.edu/home/ataormina/wdc/html/start1.htm

  • the protocol is http
  • the domain name is www.nvcc.edu
  • the directory path is home/ataormina/wdc/html; each of these terms refers to a folder inside another folder on the directory tree
  • the filename is 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

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 6, 2009
© Agatha Taormina