Image Margins
- Image margins are controlled with the HSPACE and VSPACE attributes.
- Simply put, the HSPACE and VSPACE attributes define the margin
around your image in pixels.
- Since this is best seen by example, let's look at one. Consider
the following code:
<HTML>
<HEAD>
<TITLE>Margins</TITLE>
</HEAD>
<BODY>
Here is some text that should wrap around this image
very snuggly. <IMG SRC = "afraid_icon.gif"
ALIGN = "LEFT"> That is because we are using the default
margins and the default margins are not very large.
<BR CLEAR = "ALL">
This image on the other hand should have a decent margin
<IMG SRC = "afraid_icon.gif" VSPACE = "15" HSPACE = "15"
ALIGN = "LEFT">
around it so that the image will seem displaced a bit.
This usually looks nicer.
</BODY>
</HTML>
- When interpreted by the browser, the previous code would be
displayed as follows:
Here is some text that should wrap around
this image very snuggly.
That is because we are using the
default margins and the default margins are not very
large.
This image on the other hand should have a decent margin
around it so that the image will seem
displaced a bit. This usually looks nicer.
Additional Resources;
Editorial Notes
Image Size
Introduction to Web Design | Table of Contents
Image Usage on Your Page
|
