How to Make Link Icons

A hyperlink is a piece of text or an image that connects to another document or website when clicked. Links make browsing the Internet quicker and more convenient. Without them, users would have to type in the web address of each page they wanted to view. While text-based links are more common, using an image as a link can enhance the user's experience and add to the visual aesthetics of your site.

Images can be used as a hyperlink.

Step 1

Obtain the web address of the image you want to use. It will look similar to this:

http://www.yourwebsite.com/graphics/graphics.jpg

Step 2

Write down the web address of the image exactly as it appears on your screen. If you want to ensure there are no errors, copy and paste the address into a text editor.

Step 3

Confirm the web address of the website or document you will be linking. Visit the website to ensure it is an active, working page. Copy and paste this link into your text editor. For illustrative purposes, we will use this:

http://www.yourwebsite.com/reallycoolstuff.html

Step 4

In your text editor, paste this basic code:

Step 5

Insert the web address into the "a href" tag by replacing the WEBSITE_GOES_HERE text. Paste your image's web address, replacing IMAGE_ADDRESS_HERE.

Step 6

Your finished code should look like this:

Things You'll Need

  • Notepad or HTML editor

  • Uploaded image

  • Proper rights to use the image

  • Knowledge of basic web hosting

Tip

Make sure the web address is exact. If not, the link will not work or the image will not load.

Warning

Only use images that you own or have permission to use. Always upload the images to your own directory and link them with that address. "Hotlinking," or using another person's image address, is illegal unless the person hosting the image gives their consent.

references & resources