|
|
On the last page we learned how to
put in a full page background image and "fixed" it so that it don't
move when the page is scrolled scroll.
Now we will start putting images in the screen by using the <img> tag . By putting in the following line after the body tag and before the text starts we get the image in the top left corner. The text will start at the bottom right side of the image by doing it this way which means that there can not be any text at the top of the page. there is a way to get around this problem and we will do that later.
<img border="0" src="trailgif1r.gif" width="89" height="75">
Now we will put an image in the center.
There are two ways to do this. one way is.
<center><img border="0"
src="tlogo.gif"
width="144"
height="27"></center>
The other way is.
<p align="center"><img
border="0"
src="tlogo.gif"
width="144"
height="27"></p>
Next we will put an image to the right like this.
There is only one way to put an image on the right on page like this an that is using the following line.
<p align="right"><img border="0" src="logo_Web_button3.gif" width="260" height="46"></p>
So far we have learned how to put images to the left. center and to the right. But the way we did it there can't be any text beside it which leaves BIG HOLES in our page. Wouldn't be nice to be able to put images and text any where we want? Well there is by using tables and we will start that next.