Introduction to HTML/XHTML

Table of Contents

1. Introduction to HTML/XHTML
2. Structure of an HTML Document
3. Getting Started with HTML
4. Hypertext Links
5. Including Pictures
   1. Images
   2. Inline Images
   3. Using Images as Hypertext Links
6. A bit more on XHTML
7. Updating Existing HTML Documents to XHTML
8. Cascading Style Sheets
9. Style Properties for Text
10. Utilities
11. Books and Further Reading
12. The End

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

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.