How to Create a Hyperlink in HTML

Table of contents:

How to Create a Hyperlink in HTML
How to Create a Hyperlink in HTML
Anonim

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

Steps

Add a Hyperlink with HTML Step 1
Add a Hyperlink with HTML Step 1

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

Add a Hyperlink with HTML Step 2
Add a Hyperlink with HTML Step 2

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
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
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
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
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
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: