Basic HTML
Hello World
Organizing Text
Formatting Text
Hyperlinks


Advanced HTML
Images
Tables
Input Boxes
Fun Stuff
Publishing


Resources
Funky Chicken HTML
HTML Help Central
Web Monkey
Annabella's HTML
Images and Image Hyperlinks
        A cool webpage is nothing without pictures. The simplest way to put a picture (.jpg or .gif work best) on the web is to use the tag
<img src="FILENAME.jpg">, where "FILENAME" is something like "myphoto.jpg", not "C:\My Documents\myphoto.jpg". Make sure that the image that you are putting on the page is in the same folder as the page itself. Note: This tag has no closing tag, so don't bother putting " </img src>" after your image.
        To make an image a hyperlink (when you click on it, it will take you to another webpage), use the following series of tags. When you make a hyperlink, the picture will have a blue border around it. To get rid of the border, put "border=0" as an attribute in the <img src> tag, shown below.

<a href="LINK URL"><img src="FILENAME" border="0"></a>

        "LINK URL" is something like "www.yahoo.com". You can't forget to put </a> at the end, or else everything after it will be a hyperlink, too!

Example Webpage

Back To Top
©2005 Heather Hoaglund-Biron
About Me
Hosted by www.Geocities.ws

1