First: adding a picture
Now we have reached this interesting lesson ... here we will know how to insert pictures to your site
There is a tag used to add pictures which is:
<IMG>
With the property
SRC
now lets apply this..... assuming that you have a picture and you have named it image1.jpg
So how would you insert it by HTML in your site ?
Lets write the tag, It will be like this:
<IMG SRC="image1.jpg">


--------------------------------------------------------------------------------

Second : Controlling the picture width and height
Now you have learnt how to insert a picture....but after adding it may be you don't like its width or height
So we will learn here how to change the picture width and height so we will use the same tag but with deferent property
These properties are:
HEIGHT , WIDTH


And this is an example to show how to use it:


<IMG SRC="image1.jpg" HEIGHT="200" WIDTH="300">





--------------------------------------------------------------------------------


Third: writing text label of the picture

May be you notes when you browse some websites that downloading images is slow and there is a text written instead of the picture and when you generally but the mouse over the picture a caption appears in yellow box
So do you know how to insert this caption?
This thing is so easy , you need only to use a new property in the same previous tag
Which is named:
ALT
So if you want to add the a caption like
Picture number one in the site
You have to add this tag:


<IMG SRC="image1.jpg" ALT="Picture number one in the site ">






--------------------------------------------------------------------------------

Fourth: adding a boarder to the picture
Some times you need to add a boarder to the image just to make it clear or for appearance only
This is easy by using the property BORDER
And you can determine the border thickness by changing the number in front of the property BORDER


Here is an example for this:


<IMG SRC="image1.jpg" BORDER="4">



Note that the border thickness here is 4