How to Add a Hyperlink with HTML

Download Article

An easy-to-follow guide to creating hyperlinks in HTML

Author Info

Last Updated: August 24, 2023 Tested

Download Article

It can be hard to create a hyperlink in HTML, but with this tutorial it will show you how to make a hyperlink in HTML.

Steps

Download Article

Whether it's Notepad or Notepad++ on a Windows PC or TextEdit on a Macintosh, these types of programs can help you add the link to your HTML document.
2
Form your HTML document with the proper HTML tags up to the point where the link needs to be added, keeping in mind that links must be seen to be able to be used effectively - so add them to the document somewhere underneath the <body> and before the </body> tags.
- Build each item on it's own separate line, as listed below.This is the basic structure of an HTML document and is required for all web pages.
  - <html>
  - <head>
  - </head>
  - <body>
  - </body>
  - </html>
Advertisement
Begin your tag by typing both the starting and end tags. Type out <a href=" "> and followed by </a> to form the link tag which is more properly called an anchor tag, hence the "a" in the HTML tag's name.
Utilize the site's address as it is listed in the address bar of your browser.
5
Title your link on what people should use to click on. Type this text directly after the end triangular bracket of your anchor start tag and before the beginning portion of your anchor end tag's triangular bracket.
- If you want to, you can insert your own images into this location instead. Follow Insert Images with HTML for this method, keeping in mind that you are just looking to add the <img> tag to the HTML page, leaving the <a href=""> and </a> tags in place to create the link to the other page's trigger.
6
Save your file with a .html extension and open it in a web browser to view your results. To preview in most cases, you'll have to save the file and open the file later.
- Although there used to be a Microsoft program called Microsoft Office FrontPage that used to have a preview function before the HTML file was saved that could display a preview of the page in different browsers, this can no longer be done and files must be saved to be previewed (to be checked later). Inconvenient? Well, you be the sole decider. It's only a few extra keystrokes, if done correctly.
Preview your site. If you don't double check your code, you could be in for a rude awakening if things were written correctly and the reader sees errors, though this script shouldn't produce any. It should look like: <a href="http://www.example.com">Test link</a>

Community Q&A

Search

Add New Question

Question

How would I link multiple webpages?

Community Answer

Create the different links following the process above. Recognize the names of each file you create, and type them into the appropriate document, ensuring you don't link the same page to the page where it's been called into action (a file called page1.html can't be linked to page1.html, but page1.html can be linked to page2.html) and still be a worthy link.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 16 Helpful 26
Question

How do I create a hyperlink on a given text using a notepad to go to the top of the page?

Community Answer

Put the hyperlink on a text or image and then in the command put this code: < a href="The name of the current page " >. When the person clicks on it, the page reloads and opens the current page again, and the page is opened at the top.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 15 Helpful 26
Question

How do I specify that a link will be opened in a new tab or window?

Community Answer

You can right click the link.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 40 Helpful 13

See more answers

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Video

Tips

Make sure that you save your file with a .html extension.

Thanks
Helpful 9 Not Helpful 5
There used to be a way to section off pages and with the links, you can direct them to the different sections on the page. However, few sites do this type of linking anymore, now that pages are more interactive and graphical and less text-heavy.

Thanks
Helpful 1 Not Helpful 3
You can add formatting to make the hyperlink look better on your site using CSS.

Thanks
Helpful 0 Not Helpful 0