<class home>  <graphics>   <back

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

Image Tag: horizontal rule
The horizontal rule is a built in graphic to html. It is supported by most browsers. Use it to make horizontal lines to cut down on graphic usage for these line elements
It has various attributes that can be set:
size="x" (this will give you the size of the line in width)
width="x%" (this will give you the length of the line in percentage of the page)
align="center" (this will center align the rule, you can also left or right align it)
noshade (this will eliminate shading of the line)
<hr />
<hr size="x" width="x%" align="center" noshade="noshade" />


example>>>Text aligned with examples of all values.

<!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>
<h3>Here is my pony</h3>

<hr />
<img src="../images/pony2.gif" /
>
<hr size="10" width="80%" align="center" noshade="noshade" />
Isn't she lovely.
</body>
</html>