Using Links

Check your books for more details.

Links are the greatest part of the World Wide Web. They allow you to move from one page to another simply by clicking on the right spot.

The general HTML code looks like this:
<a href="address.htm">Click Here</a>

Address is the name of the location you want the link to open. The name of the address should be in quote marks. "Click Here" will be the clickable text that is usually underlined and in blue. Try to avoid using "Click Here". It annoys Rholl.

Some examples follow. The browser view is shown with the HTML text directly below.

To link to an HTML document in the folder containing your web page see this sample.
To link to an HTML document in the folder containing your web page see this <a href="sample.htm">sample</a>.

Park Center High School is part of the Osseo Area Schools, a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web. You must use the 'http://' part. You can copy an http:// link write out of the location bar and paste it into your link tag. Never do that for a file on your local computer/drive.)
Park Center High School is part of the
<a href="http://www.district279.org/">Osseo Area Schools</a>, a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web. You must use the 'http://' part. You can copy an http:// link write out of the location bar and paste it into your link tag. Never do that for a file on your local computer/drive.)

Park Center High School is part of the
a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web using an image. Make sure the image makes sense as a link.)
Park Center High School is part of the
<a href="http://www.district279.org/"><img src="ISD279.jpg"></a><br /> a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web using an image. Make sure the image makes sense as a link.)

Park Center High School is part of the
a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web using an image. This image will not have the link border around it since the attribute border=0 is used in the imgtag.)
Park Center High School is part of the
<a href="http://www.district279.org/"><img src="ISD279.jpg" border=0 /></a><br /> a large district in the northwest suburbs of Minneapolis. (This is an example of linking to a site on the World Wide Web using an image. This image will not have the link border around it since the attribute border=0 is used in the img tag.)

There are two other common kinds of links that I will not demonstrate here because I want you to get used to using your book. They are:
  • Email links: links the user can click that will open up the users email program and create a new email with the recipient address in the email. You can see an example on the homepage of the HTML class page.
  • Anchor links: links that take you to different parts(anchors) on the same page. You can see an example on the Park Center A-Z Index page.
Look these two link types up in your book.

Index Basic Tags Links Design Layout Tables Image File Types Using Images Image Editing Lists Frames