<class home>  <graphics>   <back   next>

Graphics For the Web: getting the image onto an html page

Image Tag: adding space
you might want to add additional space around images on the top and bottom or left and right between the image and text, for example.
Use the hspace and vspace attributes

<img src="your image" hspace="x" vspace="y" />


example>>>adding space around an image

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<img src="pony3.gif" align="right" />
<h3> Here is my pony</h3>
<img src="../images/pony2.gif" align="left" hspace="20" vspace="20" />
<br clear="left" />
Isn't she lovely. She likes to eat grass and carrots and all sorts of things. Sometimes she nibbles on my fingers.
</body>
</html>