Spicing up your page with images - 4
What about adding a 10 pixel wide space between each graphic?
<img src="images/chili.gif" hspace="10" />
<img src="images/chili.gif" hspace="10" />
<img src="images/chili.gif" hspace="10" />
yields:


EXAMPLES: HTML img Tags that use images with Text
HTML tag for putting text line at bottom edge of graphic (default):
<img src="images/chili.gif" height="60" />
yields:
Text after an HTML graphic (default).
HTML tag for putting text line at top edge of graphic:
<img src="images/chili.gif" height="60" align="top" />
yields:
Putting the text at the TOP.
HTML tag for putting text line at center of graphic:
<img src="images/chili.gif" height="60" align="middle" />
yields:
Text in the "MIDDLE".
HTML attribute for giving the image a 'name':
<img src="images/chili.gif" alt="chili pepper" height="60" />
yields:
Place your mouse over the image to see its name.
Hyperlinks:
Table of Contents
Questions? E-mail your Instructor -
Dr. Charles Rubenstein
Tutorial Copyright (c) 1996-2006
C.P.Rubenstein