Linking

You will be changing the button below so that it links to your next exercise, the E02 exercise. The link will work now (as long as it is on the web at the course web site), but it will not work after you save this file on to your computer. The link will work again after you properly save this file, change the link as instructed below, and also do the E02 exercise.

E02 will explain to you the basics of links. For now, just follow the steps below and then proceed to E02. Also note that this page will be linked to from exercise E02.

One more note. The web is often case sensitive. That means that it makes a difference if you use UPPER CASE or lower case letters.

Your Assignment:

  1. Save this page as: E01_yourlastname.html
  2. If you have not done so already, download the image files that you will need for this and other exercises in this series following the instructions in A04_saveFiles1.html in the section named "To get the image files that you need for your exercises". The image file for this exercise (the button) will be amongst the files provided.
  3. Look in the code to see how the image below is made into a link:
    1. The img tag is nested between opening and closing "anchor" <a> tags.
    2. The opening anchor tag includes the href attribute.
    3. The href attribute has a "value" that is a file name. That is the name of the file that is being linked to. The link will work if the file that it specifies exists and is in the same folder as this file (otherwise additional "path" information needs to be included before the file name).
  4. Change the path in the link that currently includes <a href="E02_links.html"> to <a href="E02_yourlastname.html"> (replace yourlastname with you actual last name).
  5. Save this file (E01_yourlastname.html) and send it to me. Please do not forget to use the subject line course id code if you have been provided with one.

Back Button

© 2008 Dan Vaughan