George and Susan Welcome to our HTML help page!
Home | HTML-Index | Basic HTML | HTML Structure

Use an Image as Link

With or without the Border


  • Black = HTML code.
  • Red = Link URL.
  • Green = Picture URL.
  • Blue = text you want to display if the image does not appear.

Image As Link With A Border

Type this:
down
<a href="Your Link URL Here">
<img src="Your Picture URL Here" alt=" text here" ></a>

And you get the following:
down

text here

It should look like the picture above except of course in the demo above I have used my picture URL and the link URL goes to my About Me Page. Click on my picture and see how it works.


Image As Link Without A Border

Type this:
down
<a href="Your Link URL Here">
<img src="Your Picture URL Here" alt="text here" border="0"></a>

And you get the following:
down

text here

It should look like the picture above except of course in the demo above I have used my picture URL and the link URL goes to my About Me Page. Click on my picture and see how it works.

Image As Link With A Large Border

Type this:
down
<a href="Your Link URL Here">
<img src="Your Picture URL Here" alt="text here" border="10"></a>

And you get the following:
down

text here

It should look like the picture above except of course in the demo above I have used my picture URL and the link URL goes to my About Me Page. Click on my picture and see how it works.


My home page
Back | Top