Lesson 5: HTML Graphics
(Using a Graphic as a Link)

You produce a graphic link by placing the graphic tag "<img />" inside a link tag "<a>". The graphic then becomes a clickable link, and a square in the clickable color appears around the graphic.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Graphic Link Example</title>
</head>

<body bgcolor="#ffffff" text="#000000" link="#6633cc">
<b>
<center>
<br />
<br />
<a href="http://www.webyoda.com">
<img src="images/home.gif" width="42" height="43" alt="Home" />
Return to the WebYoda Home Page
</a>
</center>
</b>
</body>
</html>