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

Chapter 7. Links > Using Images to Label Links

Using Images to Label Links

In this age of graphical interfaces, people are used to clicking on images and icons to make things happen. Adding an image to a link creates a navigational button that the visitor can click to access the referenced URL. (For more information about images, see Chapter 4, Creating Web Images, and Chapter 5, Using Images.)

To use images to label links:

1.
Type <A HREF="destination.html">, where destination.html is the URL of the page that the user will jump to when they click the button.

2.
Type <IMG SRC="image.location" where image.location gives the location of the image file on the server.

3.
If desired, type BORDER=n, where n is the width in pixels of the border. Use a value of 0 to omit the border.

Figure 7.22. There is no text in the first two button links. The final </A> comes right after the image tag.


4.
Add other image attributes as desired and then type the final >.

5.
If desired, type the label text, that is, the text that will be underlined or highlighted in blue, that when clicked upon will take the user to the URL referenced in step 1.

6.
Type </A> to complete the link.

Figure 7.23. If you do add text to the link, make sure you insert a space between the text and the image (or use HSPACE or styles to space the text, see page 91).



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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