• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 3. Creating Links > Creating Graphic Links

Creating Graphic Links

You can also use images to link to documents within your site, as well as to sites other than your own. This exercise shows you how to create an external link. You can use the same techniques you used in the preceding exercise to link images to files on your site.

1.
Below the list of notable lighthouses in the intro.html document, click the Lighthouse Resources graphic to select it. Type links.html in the Property inspector's Link text field.

This link is a relative path, just like the text links you created to history.html, technology.html. and culture.html in the previous exercise. You can use graphics to provide links just as easily as text.

2.
Below the graphic you just linked, click the More Lighthouses graphic to select it, and type http://www.pbs.org/legendarylighthouses/index.html in the Property inspector's Link text field. You must type the complete URL.

This link is an absolute path. An absolute path provides the complete URL of the linked document. You must use an absolute path to link to a document that is located in a Web site other than your own, or to anything that is outside of the root folder.

TIP

If a URL is long or complex, you can go to that site in your browser, copy the URL, and then paste it into the Link text field.

3.
Save the file, and preview it in the browser.

Notice that when you roll over the graphics at the bottom of the page, you see the hand indicating that they are linked. The link locations will appear in the browser's status bar as you roll over the links.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint