You are viewing the article How to Insert a Link in an Image at Tnhelearning.edu.vn you can quickly access the necessary information in the table of contents of the article below.
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This article has been viewed 17,299 times.
With a single line of HTML commands, you can add a hyperlinked image to nearly any web page. You need two things to be able to do this: the URL of the image and the URL of the website.
Steps
Write HTML code
- • You can use any text editing program, even built-in programs like Notepad on Windows and TextEdit on Mac OS X.
- • If you want to use a text editor specifically for coding HTML, click here to download Atom – a text editor that works on Windows, Mac OS X and Linux operating systems.
- • If you use TextEdit, click the Format menu and click Make Plain Text before composing the HTML file. This is to ensure that the HTML file is displayed correctly in the web browser.
- • A word-processing program, such as Microsoft Word, is not suitable for writing HTML code, because hidden characters and formatting can corrupt the HTML file, causing the data to not display properly in the web browser.
< a href = "DESTINATION URL" >< img src = "IMAGE URL" /></ a >
- • Firefox and Internet Explorer use Copy Image Location. Chrome uses Copy Image URLs. Safari uses Copy Image Address.
- • You can choose any URL as the destination URL.
- • When the browser opens, if you don’t see the image, make sure the name of the image file is entered correctly in the index.html text file editing window.
- • When the browser opens, if you see HTML code instead of a background image, the index.html file has been saved as rich text. You need to edit the HTML file with another text editor.
Learn HTML code
- The <a tag tells the browser to render the path. The href tag stands for “HTML reference”, the = tag tells the browser to get all the information in between the ” “ and generate the link. All URLs can be enclosed in quotation marks.
- The </a> tag tells the browser that the anchor tag is a closing tag.
- When information is added between <a href=””> and </a> , it becomes a link on the web page. For example, <a href=”https://www.google.com”>Google</a> will generate a link to Google.
- The <img tag tells the browser to render the image. The src tag is the abbreviation for “source”, the = tag tells the browser to get the information between the ” “ and get the image from that address.
- The /> tag tells the browser to close the image tag.
- For example, {{samp[|<img src=”https://www.google.com/images/srpr/logo11w.png” />}} will fetch the image from that URL, and display the image on Web browser.
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This article has been viewed 17,299 times.
With a single line of HTML commands, you can add a hyperlinked image to nearly any web page. You need two things to be able to do this: the URL of the image and the URL of the website.
Thank you for reading this post How to Insert a Link in an Image at Tnhelearning.edu.vn You can comment, see more related articles below and hope to help you with interesting information.
Related Search: