Basic HTML Image Source Specifications
HTML to Use
Result with Explanation
Image Source Specification
<img src="http://
YourUrl/YourImage.gif
">
=
Example HTML code -
Note:
use space between <
img
and
src=
& this is case sensitive. Use YourImage.gif or .jpg
<img src="http://pics.ebay.com/aw/pics/mask.gif">
=
Example showing eBay's shades
<img src="http://pics.ebay.com/aw/pics/mask.gif" border=1>
=
Example Image with a border of 1.
<img src="http://pics.ebay.com/aw/pics/mask.gif">
<img src="http://pics.ebay.com/aw/pics/mask.gif">
=
Example Images Side by Side.
<img src="http://pics.ebay.com/aw/pics/mask.gif" hspace=20>
<img src="http://pics.ebay.com/aw/pics/mask.gif">
=
Horizontal spacing between images using
hspace=n
where
n
= the number of pixels for the spacing i.e. 20 in this example.
<img src="http://pics.ebay.com/aw/pics/mask.gif"> <br>
<img src="http://pics.ebay.com/aw/pics/mask.gif">
=
Example of Stacked Images. Use
<br>
or
<p>
between image source statements
<img src="http://pics.ebay.com/aw/pics/mask.gif" align=left>
=
Aligns image to left
<center><img src="http://pics.ebay.com/aw/pics/mask.gif"></center>
=
Aligns image to center
<img src="http://pics.ebay.com/aw/pics/mask.gif" align=right>
=
Aligns image to right
Image & Other HTML Links:
|
HTML 4 eBayers
|
Images
|
Aligning Images
|
Red-PT
's Tips
|
Bookmark
M
E
Other Stuff
Example showing eBay's shades