Questy's Learning Area, tutorials and lessons

Building a better web site ...

Questy's, All about HTML - Linking

Green & Purple line, Questy's Colors!

Linking

The chief power of HTML comes from its ability to link text and/or an image to another document or section of a document. A browser highlights the identified text or image with color and/or underlines to indicate that it is a hypertext link (often shortened to hyperlink or link).

HTML's single hypertext-related tag is <A>, which stands for anchor. To include an anchor in your document:
- start the anchor with <A (include a space after the A)
- specify the document you're linking to by entering the parameter HREF="filename" followed by a closing right angle bracket (>)
- enter the text that will serve as the hypertext link in the current document
- enter the ending anchor tag: </A> (no space is needed before the end anchor tag)

Here are some samples:

<A HREF="Questy.htm">Questy's Home</A> this entry makes the words Questy's Home the hyperlink to the document Questy.htm, which is in the same directory as the first document.

<A HREF="http://www.questy.net/Questy.htm">Questy's Home</A> This entry makes the words Questy's Home the hyperlink to the document Questy.htm, which is located on the WWW at the domain www.questy.net

Links to Specific Sections

Anchors can also be used to move a reader to a particular section in a document (either the same or a different document) rather than to the top, which is the default. This type of an anchor is commonly called a named anchor because to create the links, you insert HTML names within the document.

You can also link to a specific section in another document. That information is presented first because understanding that helps you understand linking within one document.

Links Between Sections of Different Documents. Suppose you want to set a link from document A (documentA.htm) to a specific section in another document (documentB.htm)
Enter the HTML coding for a link to a named anchor:
documentA.htm: <A HREF="documentB.htm#ank">LOOK HERE!</A>.

Think of the characters after the hash (#) mark as a tab within the documentB.htm file. This tab tells your browser what should be displayed at the top of the window when the link is activated. In other words, the first line in your browser window should be the LOOK HERE! heading.

Mailto

You can make it easy for a reader to send electronic mail to a specific person or mail alias by including the Mailto attribute in a hyperlink.
The format is: <a href="mailto:addresss@questy.com"> Email To contact Questy </a>

Checkout the source of this document.... ...... (Sample2.htm) ...

view the actual HTML from your browser, click VIEW and then click SOURCE

Remember where to find this sample, use it later as a template for your assignment ...

turn the page...Next Page

Welcome to Questy's World

Welcome to the World of Questy

Welcome to the World of Questy -- The World of Questy Sites are currrently undergoing a major overhaul. Stay tuned for updated links and news in 2008!

Unless otherwise credited all photos and graphics are the copyrighted property of Questy aka Tom Peracchio. Unauthorized reproduction of any of the pages of this web site is illegal, not to mention rude.
- Copyright 1990 through 2008 -