How to Create a Hyperlink in HTML

Table of contents:

2024 Author: Samantha Chapman | [email protected]. Last modified: 2023-12-17 09:13

This simple tutorial shows you how to create a hyperlink using HTML code. Let's see together how to proceed.

Steps

Step 1. Use your favorite text editor to create a new document

Step 2. Add the following text:


This is the basic structure of an HTML document, and is required on all web pages.



Add a Hyperlink with HTML Step 3

Step 3. Type the following code '' (without quotes) inside the tags added in the previous step, then type the full URL of your link including '

http:

'(without quotes) inside the quotes of the' href 'parameter.



Add a Hyperlink with HTML Step 4

Step 4. Enter the 'clickable' text directly after the code added in the previous step
The text entered on the web page will appear in blue and underlined.










Add a Hyperlink with HTML Step 5

Step 5. After typing the 'clickable' text, close the tag '' using the corresponding tag '' (without quotes)



Add a Hyperlink with HTML Step 6

Step 6. Check your code is correct
When finished it should look like this: Test Link.



Add a Hyperlink with HTML Step 7

Step 7. As a last step, save the document in HTML format by adding the '.html' extension
To view the result of your work, open it using an internet browser.

Advice

Make sure you save the created file with the '.html' extension.
You can format your hyperlink using style sheets (CSS) to make it look better.










Recommended:

3 Ways to Insert Spaces in HTML




This article explains how to use and handle whitespace and line breaks using HTML code. Since in HTML the repeated typing of empty spaces by pressing the space bar on the keyboard does not give the desired result, but simply causes the display of a single space within the internet browser, in order to manage the spacing of the text it is necessary to use specific HTML tags.
How to View a Digital Clock in HTML




Using the HTML language natively, it is not possible to display the time in digital format and have it automatically update like a real clock. To do this, you need to use a JavaScript that must be inserted into the HTML code of the page. This article shows you exactly how.
How to Insert a Hyperlink in Microsoft PowerPoint




In a PowerPoint presentation, you can create links to images or websites. Here is explained how to do it. Steps Step 1. Insert Write the text or image you want to link to on the slide. Step 2. Highlight Select it and right-click.
4 Ways to Insert a Hyperlink in Microsoft Excel




This wikiHow teaches you how to link to a file, folder, web page, or new document within Microsoft Excel. You can do this on both the Windows and Mac versions of the program. Steps Method 1 of 4: Create a Link to a New File Step 1.
3 Ways to Insert a Hyperlink in Microsoft Word




This article explains how to insert a hyperlink inside a Microsoft Word document. It is possible to insert a clickable link using a piece of text or an image which, when clicked, will redirect the user to another point in the document, to an external web page, to a file or to write an e-mail message.