Notebook III Page III
Using Images As Links
To code a graphic to be a hyperlink, the graphic coding should go in between the link coding
and the </a>
<a href="catphotos.html"><img src="2_cats.gif" width="190" height"125" border="0" alt="Click Here To See Pictures Of My Cats"></a>
Click To See Pictures Of My Cats
If a border is desired around the graphic, the border attribute's value may be changed to a higher number.
While uploading the file to a website directory is the best way to put images on a page, it can also be done by
hyperlinking a file in the html coding of the webpage. This is coded as follows:
<a href="https://carolinamama.tripod.com/2_cats.gif width="190" height="125" border="0" Alt="animated cat button>
Images can be coded onto a webpage many different ways. Unless specified in the html coding, images will go into
the default placement which would be at the top left edge of the webpage.
Images can be centered
<center>
<img src="2_cats.gif"> width="190" height="125" border="0" alt="Two Cats gif">
</center>
The image can be aligned left or right with the "align=" attribute.
<img src="2_cats.gif" width="190" height="125" align="left" border="0" alt="Two Cats Gif">>
Broken Images
This is what a broken image link looks like: 
A broken image can result due to many things. When html coding, every character and letter must be in the right place.
CHECKLIST:
Is the image saved in the same folder as the specified html file?
Is the image file name spelled correctly?
Is the original image file name in upper or lower case? Some browsers are case sensitive.
Is the file format coded correctly? (example: jpg or gif)
Are there spaces between each attribute entered in the <img src> tags and surround each attribute value with quotation marks?
