 |
HTML HELP
Lesson 5 - Pictures & Graphics
Pictures are one of the things that people use for a variety of reasons on the
net. You can use them to display your products, pictures of your family or
friends, and/or with the graphics of your website.
The basic image tag looks like <img src="graphic file
location">
Example Explained: <img src="http://www.geekingout.us/imgs/war_boots.jpg"> This
example is declaring that the picture is in the http://www.geekingout.us/imgs file and named
war_boots.jpg.
There are many
different things you can declare in an image. Some of those attributes
are:
| border |
width |
height |
| This will declare how large or how small the
border of the image is. You would put the size using numerical values.
(example: border=0) |
This declares the width of the picture.
If you declare with or height, but not both it will adjust the width or
height accordingly. (example: width=150) |
This declares the height of the picture.
If you declare with or height, but not both it will adjust the width or
height accordingly. (example: height=150) |
<img src="http://www.geekingout.us/imgs/war_
boots.jpg"
border=3>
 |
<img src="http://www.geekingout.us/imgs/war_
boots.jpg"
width=100>
|
<img src="http://www.geekingout.us/imgs/war_
boots.jpg"
height=100>
|
| hspace |
align |
background |
| This value will declare the amount of space
between a picture and your text, another picture, etc. When used in
conjunction with the align feature it will allow you to put text next to
the picture. (example: hspace="5") |
There are three different ways you can align a
picture. Left and Right, This will decide where on
the page the graphic will appear. (example align="right") |
This is what you would use in
the body tag or the table or table cell in order to have a picture as a
background. (example: background="http://www.geekingout.us/imgs
/war_boots.jpg" ) |
<img src="http://www.geekingout.us/imgs/war_boots.jpg"
hspace=15 align="left">
text here text here text here text here text here text here text here text here text here text here text here text here
|
<img src="http://www.geekingout.us/imgs/war_
boots.jpg
align="right">
|
|
Top
|
 |
