Images
Placing An Image On Your Page:
To place images and graphics on a Web page you should save the images in a folder or directory. called img. You can name the folder anything you like, but img is the industry standard.<img src="picturename.jpg">
If you want to place the image in the center of the page, you would use:
<center>
<img src="picturename.jpg">
</center>
If you want to align an image to the right use:
<img src="picturename.jpg" align="right">
Aligning Text With Images
You can ALIGN text along the top, middle, or bottom of an image. You will use the ALIGN="--" attribute with one of these three: "top", "middle", or "bottom". Using these attributes only allows for one line of text beside the image and then the rest jumps down below the image.
example: <img align="top" SRC="sally.gif"> text text text
If you want text to wrap around the image fully, use ALIGN="left" and ALIGN="right".
Even if the image is already to the left, use the ALIGN="left" attribute anyway. It allows the text to wrap around the image fully.
Changing Image Size
Every image is made up of pixels. The more pixels per inch, the more detailed the image will appear. The more pixels the more space the picture will take up on your hard drive. Most images on the Web are 70 -100 pixels per inch.
The screen is also defined by pixels. To change the size of a picture, you can define the number of pixels you want the picture to cover on the screen.
<IMG HEIGHT="##" WIDTH="##" SRC="image.gif">
"##"= the number of pixels for height and width.
The Horizontal Rule:
The horizontal rule is a line that runs across a page.
<hr>
<hr size="15"> Sets the height of the rule
<hr width="150">Sets the width of the rule.
<hr noshade> Creates a rule without a shadow.
Back