|
You do this by pointing to the image location, then a forward slash followed by the image filename, so if yor image is called picture.jpg and in a folder called images you would key in <img src="images/picture.jpg"> if your image is in the same file as your webpage you don't need to point to a location, so you just key in <img src="picture.jpg"> |
| If you wanted the size of you image to be 225
pixels high by 340 pixels wide then you would enter height="204"
width="140" (image sizes can also be set in percent, but then they won't show in 4.5 browsers or earlier) The border size is always in pixels, so if you want a 2 pixel border then the code is border="2" (if you apply a link to an image and you don't want a border set the border size as 0 otherwise it will show a default border) alt descriptions are useful on two counts.
If you were using an alt tag to describe your green croaky frog you would key in alt="my green croaky frog"
The important ones are left and right because they allow text to run around ith image. If you key in align="right" then the image aligns itself to the right letting the text flo round the left hand side. I'm using an image called frog3.gif so if we key in all the instructions above then we get the following code; <img src="frog3.gif" width="140" height="204" border="2" align="right" alt="my croaky frog"> |
There
are various ways to align an image. They include baseline,
top, middle, bottom, text top, absolute middle, absolute bottom,
left and right.