Use graphics as links


In Notepad, open index.html.

Below the bulleted list of links, insert the Chesapeake Bay Retriever,

German Shepherd and Yorkshire Terrier graphics:



Enclose the first image tag within anchor tags that link it to the Chesapeake Bay Retriever page:

Save the home page, then view it in the browser.


Click the Chesapeake Bay Retriever graphic.

It should take you to the Chesapeake Bay Retriever page.

Add the border="0" attribute to the first image tag:

border="0">
Save the home page and view it in the browser again.

The blue link border around the Chesapeake Bay Retriever graphic should be gone:

In Notepad, open german.html.


Following the Home link, type:

| Chesapeake Bay Retriever | German Shepherd | Yorkshire Terrier

Make the words German Shepherd bold.


Link the words Chesapeake Bay Retriever and Yorkshire Terrier to their corresponding pages.


Save the page.


Using the same system, create navigation links for the Yorkshire Terriers page.

Then save the page.


On the home page, link the German Shepherd graphic to the German Shepherds page.


Link the Yorkshire Terrier graphic to the Yorkshire Terriers page.


Remove the link borders from all graphics.


View the site in the browser.

It should look like the site at:

www.inpics.net/files/html/dogs