How to Change a HTML Text Button to Text Link

HTML allows you to use images for links that redirect users to different pages of your website. You can change an image link to a text link by removing the image and replacing it with text. This switches the link to a regular, underlined section of text that users recognize as a navigation section of your pages. You can edit the HTML to accomplish this using an HTML editor or Windows Notepad.

Instructions

1. Right-click the file you want to edit that has your image link. Select "Open With" to open a dialog window. Double-click your HTML editor, or click "Notepad" if you do not have one installed.

2. Scroll down to the section of your file that contains the image. To do a quick search, press "Ctrl-F" to open a "Find" dialog box. Type "<img" in the search text box and press "Enter." This "Find" window scrolls through each image location in the HTML file. You can identify if an image is a link by the surrounding "<a>" and "</a>" tags.

3. Delete all the text from the "<img" to the "/>" closing section of the tag.

4. Type your text in place of the deleted image tag. You must place your link text between the opening "<a>" and closing "</a>" tags. For example, you might replace <img src="myimage.jpg" /> with <a href="mypage.html">My text link</a>.

5. Press "Ctrl-S" to save your HTML code. Double-click the file to view the changes and verify the text link displays on your page.

References

• W3 Schools: HTML a Tag