Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Hyperlinking Text and Images

A Hyperlink, link for short, is the basis of web development. It is where you mouse over an image or text, your cursor changes to a hand, you can click it and a new page opens. THis is usefulfor linking a website to all subpages, to link to new websites, to link to images such as thumbmnails that will open full images.

By default, Linked text is underlined, and Linked images have a border around them. In this section we will show you how to link text and images to a url. To remove the underline on text or the border will be discussed in Styles and in inserting images.

The Hyperlink uses the Anchor tag, <a>. The anchor tag opens before the linked object or text and then closes afterwards. The primary attribute of the hyperlink is the HREF which will name the URL or file that the hyperlink is linking to.

To create a Link  you type in the following

<A HREF="../">Developing Webs! </a>

This will appear like

Developing Webs!

To create a link of any image just insert the image tag between the opening anchor tag and the close anchor tag.

<A HREF="../"><img SRC="../images/bannerSmall.jpg"></a>

This will appear as the banner below, ready to be clicked to open a new site.

 



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2021 All Rights Reserved
Privacy and Legal