Use of Images:-
Images are the source of attraction in web page.They are inserted in the web page as below:-
Tag:-
<img>…</img>
attributes:-
src="source of the picture"
height="height in number"
width="width in number"
border="border in number"
syntax:-
<img src= " " height= " "width= " " border= " " >…</img>
Note:-
Source means the picture’s location ,its containing folder and files’ name.
If the pictures and pages are in the same location ,it’s not necessary to give the name of drive and file or folders’ name, we can write only picture’s name and extension.(like "picture.jpg")
There are different kinds of pictures *.gif,*.jpg, *.bmp etc.
Alignment in picture:-
1.picture alignment.
align=left or right
for center
<center>picture</center>
2.text alignment.
align=top/middle/bottom
alignment between pictures:-
1.Hspace(Horizontal space):-
creates the space between the horizontal pictures.
Hspace="number"
2.Vspace(Vertical space):-
Creates the vertically space between the pictures.
vspace="number"
syntax:-
<img align= "",hspace= ""></img>
Inserting background picture:-
To insert the background image instead of background color we use the following tags:-
1.write tag in <body>
Tags:-
<body background="picture.extension">
Displaying pictures or text in the absolute position:-
To locate the picture or any item in the absolute position we use the following tag.
Tag:-
<Div>…..</Div>
attributes:-
style="position:absolute;left:number;top:number"
arguments’ meaning:
position:we have to give the "absolute" value that position the picture in the proper position.
left:it defines the screen’s horizontal position or x –axis.To increase the left we have to give the more numbers .
top:-It defines the vertical position of the screen .To increase the top give the more numbers .
syntax:-
<div style="position:absolute;left:number ;top:number">
picture or text
</div>
you have got a fantastic weblog here! would you wish to make some invite posts on my weblog?
Thank Your Very much Grow.