Skip to main content

Using Images as Hypertext Links

Images begin to make a Web pages come alive and can be used as decoration or as links to other Web pages. For example, lets create a link to the BBC's Web site using and image which is stored on the BBC's Web site. Note: if an image is also a  link then you made need some guidance text on the Web page to inform te reader that the images are "live". Don't turn your Web page into a "treasure hunt" by by having linked images that are not obvious.


<h3>Using an Inline Image as a Web Link</h3>

<p>
<a href="http://www.le.ac.uk/">
<img src="http://www.le.ac.uk/corporateid/university/000066/unilogo.gif" alt="University of Leicester" />
</a>
</p>
<p>Click on the image to view the University of Leicester's Web site and use the
browser's <strong>back</b> button to return to this page.</p>

This would be displayed by a Web browser in the following way:


Using an Inline Image as a Web Link

UoL Logo

Click on the image to view the University of Leicester's Web site and use the browser's back button to return to this page.