Picture Links

Picture links
People like to click on pictures. It's fun and pretty. When you get to the advanced HTML, you will even be able to make one picture change into another just by putting the mouse over it. Picture links are cool

Making a picture into a link is very easy. Remember that everything between the <a> and the </a> tag is a link. If I wanted to put a picture there, let's say a picture of a penguin, here's how that would look. Let's make the link send you to that same demo page, only this time even further down. The named link will be named "puddles." The picture has already been uploaded and is named "penga.jpg". The link would read:

Let's see this in action now.

Code
<a href="demolink.html#puddles"> <img src="penga.jpg"> </a>

What you see

You can click on him. He doesn't mind. One thing you'll notice is the hideous border around picture links. This is easily taken care of. Remember how to change a border around a picture? If not, this may jog your memory.

Code
<a href="demolink.html#puddles"> <img src="penga.jpg" border="0"> </a>

What you see

He's still a link, but the border has been removed. That was fun, yeah