Adding images to your web page can
be done in a very positive way, or sadly to say, it can create a
total distraction of what you are trying to present to your audience.
I will show you the correct basic code to use to add an image to
your web page. Please understand, I cannot stress this enough, make
sure your pictures are not too large to download in a short amount
of time. If it takes too long to download pictures ... YOUR AUDIENCE
WILL LEAVE YOUR SITE!
| What you do: |
How it looks: |
| <img src="images/animatedhead2.gif"
alt="Animated Head" width="75" height="69"
align="left"> |
|
"img" means image; "src" means source; "images/animatedhead2.gif"
is the image file the browser will find in the images folder and
put on the screen. "alt" means alternative. It allows
an alternative text to be displayed on the screen of a browser in
case the image cannot be displayed ... (you can see this by holding
the mouse over the picture). "width" is the width of the
image in pixels and "height" is the height of the image
in pixels. Including the width and height helps the page load faster.
"align" means alignment. It adjusts the image position
according to its adjacent text. Other values for the "align"
attribute are "top", "middle", "bottom",
and "right."
Notice that this is a single tag — there is no ending tag
that goes with it. |
About KCKPS
