Images << Links >> Music & Sound
Links are used to "link" a visitor from one area to another. Both text and images are able to be used as a link source. There area many types of links :

Local - A page on the same server or directory.
External - A page or site on a different server or directory.
Internal - A section on the current page or document.
Download - A file for the visitor to download.
E-mail - Opens the visitor's e-mail program.

<a href="some_url"> text or image </a>

The start tag <A HREF=" "> acts like a pointer. The page name or URL entered in the quotes is the target of where the link will go.

The text or image entered between the tags will become the link point. If a visitor places the mouse pointer over that text or image, it will show as a "hand" symbolizing a link. If they "click" on that text or image, they will link over to the target page or URL.

The end tag </A> ends the link command.

A LOCAL link uses a page name (including sub-directories if needed) as the target. It is "local" to the current server.

<a href="SomePage.html">
Click here to go to SomePage!

An EXTERNAL link uses a URL as the target. URL stands for Universal Resource Locators. Simply put, it is the internet address of a web page or site. The URL commonly begins with http://.

<a href="">
Text link to Someplace.

Sometimes you will want to open the link into a new window to keep your site active as well. This can be done by entering the TARGET="_blank" into the link tag.

<a href="" target="_blank">
Text link to Someplace.

The TARGET propery is normally used for a FRAMED site, but it does have its uses here too. To work properly, the value of _blank is must have the underscore character and the word blank in lower case letters.

The PAGE LINK (or INTERNAL link) is useful for long pages. This creates a link that points to another spot on the same page.

<a href="#top_of_page">
Click here to go to top of page.

Looking at the "pointer" location, it is aimed at a spot called #top_of_page. The # sign lets the pointer know the location is on the current page.

Now that there is a link, you have to establish where that link is going to end up. You have to create a NAME or anchor tag. In your code, go down (or up) to the area you want the visitor to link to when they click on the page link. Then, around a word or image, place the NAME tag set.

<a name="top_of_page">
Some text or image.

The POINTER LINK will find the NAME tag and link the visitor's browser to that point on the web page.

Note : Use names that are easy to understand or describe the link. Calling them "link1" and "link2" may get confusing when it comes to editing them.

You can combine a REGULAR (external or local) link and PAGE (internal) link together to form a COMBO link. This will direct the visitor to another page at a certain spot.

Step 1 : On your target page, create a PAGE link anchor using the NAME tag set. Place it around some text or image the visitor is going to be when they link to it.

<a name="SomeSpot">
text or image code

Step 2 : On your linking page, create a COMBO link using your target page and area in the HREF value.

<a href="TargetPageName.html#SomeSpot">
Click here to go to a spot on my second page.

File Links
File links are used for allowing a visitor to download a file. These links are set up exactly the same as the local or external links. Instead of "pointing" to another page or site, it points to a file. When the user clicks on this link, the browser knows it is a file and will ask the visitor if they want to download the file.

<a href="">
Download this file

The types of files available to be used for download depends on your online server. A common and most accepted type is a ZIP file.

E-MAIL Links
The e-mail link is for receiving e-mail and feedback from visitors. This link will prompt the browser's e-mail program to start and place the e-mail address in automatically.

<a href="">
E-mail Me

Note the mailto: in the HREF value. This is how the browser detects an e-mail setting instead of a web page setting.

The subject line of an e-mail can be filled in automatically by adding a SUBJECT property.

<a href="'About your site'">
E-mail Me

Notice the single quotes ' around the subject text. Using full quotes would confuse the browser since they are in use around the full HREF area. Any time you need to nest quoted items or values, change back and forth between double and single quotes.

Link Colors
Links, by default, show up in different colors from the rest of the text on your web page. These settings are found in the individual browser settings.

To over-ride these settings, you can declare your own link colors in the opening BODY tag.

LINK - Color of an non-activated link. (default blue)
VLINK - Color of a previously visited link. (default red)
ALINK - Color of a currently active link. (default orange)

<body bgcolor="#0000ff" text="#000000" background="car.gif" link="#0000ff" vlink="#ff0000" alink="#ff8429">

Using the hex color codes, you can choose the colors to suit your page. The ALINK is not used much. There aren't many instances when there is an open link at the same time as the current page.

Be sure you are just inserting these properties into the current opening BODY tag. DO NOT create a second opening BODY tag. Any given HTML document can have only one BODY tag set. Any more than one set will result with page errors.

Note : To get rid of a link border surrounding an image, set the BORDER property of the IMG tag to 0.
Images << Links >> Music & Sound

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads