How to Make a Picture Link in HTML

Co-authored by Christopher Batchelor

Last Updated: June 5, 2023 Tested

Ever want to add a link to an HTML document, but wanted to show the reader an image instead of text? Most HTML coders know, and so can you, after you've read and followed the directions in this article.

Steps

Download Article

1
Open a text editing program such as Notepad or WordPad on Windows, or, on a Mac open up TextEdit, or Dreamweaver on either platform.
- You can also use Notepad++, if you want.
Advertisement
Type the photo-based link opening tag (known by it's more sophisticated name as an "anchor" element-hence the "a"), <a href=".
Type the link you want the viewer to see (including the http://)
Use the form <img src="imagefilenamehere.gif">.
Type the photo-based link closing tag, </a>.

Community Q&A

Search

Add New Question

Question

What do I do after typing the code? Nothing happened.

Community Answer

You have to actually put the HTML code into a website or blog before it will function as it should.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 9 Helpful 24

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Video

Tips

To ensure the reader of the code understands what the object is that denotes that the picture will create the link. Ensure that both the <a> and <img> and </a> HTML tags are placed on one the same line

Thanks
Helpful 0 Not Helpful 0