Tsuni_Night


Lesson 1 - Getting Started Lesson 2 - Fonts & Color Lesson 3 - Comments Lesson 4 - Links
Lesson 5 - Pictures & Graphics Lesson 6 - Spacing Lesson 7 - Tables Lesson 8 - Forms

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

[ Home ] [ Forums ] [ Tsuni ] [ Bryir ] [ HTML Help ] [ PayPal Help ] [ Zodiac ] [ Links ]