More about links (with the band)

The links to the four pages will all be similar and will be of the form...
<a href="about_us.html">Find out about us</a>
Since the file "about_us.html" will be kept in the same folder as the homepage file we need only refer to it by it's file-name. The file you want to link to will not always be in the same folder as the file you are linking from, I will discuss this circumstance later on.

There will be three other links like the above one...
<a href="gigs.html">Upcoming Gigs</a>
<a href="pictures.html">Picture Gallery</a>
<a href="links.html">Music Links</a>

We also have to remember the link to the bands email address. An email address link is slightly different. You still use the <a> tag and the "href" attribute. You set the "href" attribute to link to your email address. A few examples will show you how this is done.
<a href="mailto:bonzo@clowncity.com">...
<a href="mailto:joe@public.com">...
<a href="mailto:mister@tea.com">...

The link I will put on the bands homepage will be...
<a href="mailto:theband@pristine.com">Hey fans drop us a line</a>

Each of the other pages will also have links. They will each have links to the other three pages and the home page. They will also each have a link to the email address as shown above.

The "Picture Gallery" however will have to be a little different. I decided the best idea would be to show thumbnails of the images (smaller versions) and have each thumbnail link to the bigger version of that picture.

This is much easier than it may sound. After I have created all the images and saved them in the same folder as "pictures.html" it is time to get down to writing the html code.

Currently the band only has three pictures. I have called the pictures "band_1.jpg", "band_2.jpg" and "band_3.jpg". I have called the thumbnails "thumb_1.jpg", "thumb_2.jpg" and "thumb_3.jpg".

The following line of html will place one of the thumbnails on the page and link it to the bigger version...
<a href="band_1.jpg"><img src="thumb_1.jpg" border=0></a>

I have created a link to "band_1.jpg" the same as I would any html file. In fact this is the way to put a link to any type of file, be it a html file an image , a wave sound or anything else. Between the <a> and </a> i then placed an <img> tag, discussed in a previous article. The "src" attribute should be familiar but the "border" may not. The "src" sets the image that will be displayed and "border" sets the width of the

Go To Page: 1 2 3