This tutorial will walk you through the steps of adding hyperlinks to your webpage.
Hyperlinks can be added to text or images with the anchor link element
<a> tag requires the attribute
href, which is used to specify the destination link. The
<a> element is used like this:
<a href="www.DestinationLink.com">The text you want to link</a>
Try adding the code snippet below to your “index.html” file and changing the sample highlighted text with a real link, such as
<a href="https://www.digitalocean.com/community">The text you want to link</a>
(If you have not been following the tutorial series, you can review instructions for setting up an
index.html file in our tutorial Setting Up Your HTML Project. Save the file and load it in your browser.
You should receive an output like this:
You can also link images by wrapping an image element with an <a> element like so:
<a href="https://www.digitalocean.com/community">The text you want to link <img src="https://html.sammy-codes.com/images/small-profile.jpeg"> </a>
Try testing the code snippet in your browser to check that it works. You should now understand how to add hyperlinks to text and images on your webpage.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
This tutorial series will guide you through creating and further customizing this website using HTML, the standard markup language used to display documents in a web browser. No prior coding experience is necessary but we recommend you start at the beginning of the series if you wish to recreate the demonstration website.