HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

How to add Link in Html

Here, we will describe how to link the text in two different following ways:

Link the text another Html Page
Link the text to the section on the same page.

Link the text to Another Page

If we want to add or insert the link in Html document for linking to another Html page with the current working page then we have to follow the steps which are given below. Using the following steps, we can easily link another Html page.

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to add the link of another Html page.

     <!Doctype Html>
<Html>   
<Head>    
<Title>   
Add a link in Html to move on another Web Page
</Title>
</Head>
<Body> 
Hello User! <br>
How are You?
If you want to know how to add an image in Html then click on the following link:
<br>
How to add an image in Html.    
</Body>
</Html>

    

Step 2: Now, move the cursor at the starting of that text which we want to create as a link. And then, type the anchor tag at that point.

Step 3: Then, you have to close the anchor tag at the end of that text which we want to create as a link as shown in the following block.

Step 4: Now, we have to add the attribute of anchor tag whose name is "href". So, type the href attribute within the starting tag. And, then we have to give the path of that html page which we want to add. So, type the path in the href attribute as described in the following block or Html code.

     <!Doctype Html>
<Html>   
<Head>    
<Title>   
Add a link in Html to move on another Web Page
</Title>
</Head>
<Body> 
Hello User! <br>
How are You?
If you want to know how to add an image in Html then click on the following link:
<br>
<a href="https://www.w3cschoool.com/how-to-insert-image-in-html"> How to add a image in Html. </a>    
</Body>
</Html>

    

Test it Now

Step 5: And, at last, we have to save the Html code in the same directory or same location in which the linked Html page is saved and then run the code. The following screenshot shows the output of the above Html code:

Link the text to section on the same page

If we want to link a text to the particular part of the same page, follow the steps which are given below. Using the following steps, we can easily link another section in the same page.

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to move on the specific section in the same Html page.

Step 2: Now, place the cursor at the starting of that section which we want to link. And, then we have to use the anchor tag with the id attribute.

Step 3: Now, place the cursor at the starting of that text which we want to create as a link. And then, type the anchor tag at that point.

Step 4: Then, you have to close the anchor tag at the end of that text which we want to create as a link as shown in the following block.

     <a> That Text which we want to create as a link for reaching the specific part </a>

    

Step 5: Now, we have to add the attribute of anchor tag whose name is "href". So, type the href attribute within the starting tag. And, then we have to give the id of that specific part of the same page. So, type the id followed by # sign in the href attribute. As described in the following block or Html code.

     <!Doctype Html>
<Html>   
<Head>    
<Title>   
Add a link to move to a specific prt on same page. 
</Title>
</Head>
<Body> 
Hello User! <br>
How are You?
How to add Link in Html <br>
Here, we will describe how to link the text in two different following ways: <br> 
<a href="#1">1. Link the text to an another Html Page <br>
</a>
<a href="#2">2. Link the text to the section on the same page.
</a>
<br>
<br>
<a id="1"> Link the text to Another Page </a> <br>
If we want to add or insert the link in Html document for linking to an another Html page with the current working page then we have to follow the steps which are given below. Using the following steps we can easily link the another Html page.<br>
<br>
<a id="2">Link the text to section on the same page</a>
<br>
If we want to link a text to the particular part of the same page follow the steps which are given below. Using the following steps we can easily link the another section in the same page.
</Body>
</Html>

    

Step 6: And, at last, we have to save the Html file and then execute the file. The following screenshot shows the output of the above Html Code: