Download Article
Download Article
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
-
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.
-
Type all preceding HTML text that you want before the photo-based link.Advertisement
-
Type the photo-based link opening tag (known by it's more sophisticated name as an " a nchor" element-hence the "a"), <a href=".
-
Type the link you want the viewer to see (including the http://)
-
Follow the that portion of the text off with another quotation mark (") and triangular bracket (>).
-
Type the image, in HTML form, of the picture you'd like to use. Use the form <img src="imagefilenamehere.gif">.
-
Close the photo-based link with a link-closing HTML tag. Type the photo-based link closing tag, </a>.
-
Type the proceeding HTML text that you want for the remainder of the document.
Advertisement
Community Q&A
Search
-
QuestionWhat do I do after typing the code? Nothing happened.Community AnswerYou have to actually put the HTML code into a website or blog before it will function as it should.
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
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 lineThanks
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
Advertisement
References
About This Article
Thanks to all authors for creating a page that has been read 142,312 times.
Advertisement