Have you ever seen links to different sections on the same page? Do you know how the link Top works? Do you want your customers to reach different sections of your page by links except landing on top of a page?
Internal Page Links.
To create internal page links like we want to point our links to different sections of same page. Suppose we have 3 questions on the top of our page those 3 questions are links and we have their answers at bottom of them in same page, We don’t want our visitors to find answers scrolling down and we want when visitor click a question he reach to its answer on same page how do we do that?
First create 3 Answers and give them an empty name link like below.
[code lang=”html”]
<a name="änswer1"></a>
<p>This is my first answer on my same page.</p>
<a name="änswer2"></a>
<p>This is my second answer on my same page.</p>
<a name="änswer3"></a>
<p>This is my third answer on my same page.</p>
[/code]
We have defined 3 different sections inside our html page and now we will put links to reach them in same page like below.
[code lang=””]
<a href="#answer1">Our Question 1</a>
<a href="#answer2">Our Question 2</a>
<a href="#answer3">Our Question 3</a>
[/code]
In internal page links when we want links to reference different part of same page we use this technique.
How to create link Back to Top?
To create link back to top, Put <a name=”top”></a> after <body> start. Then in footer or wherever you want to put back to top link put this link
<a href=”#top”></a>
What we are doing actually we are giving name to section of our page, and then we reach that section by going to hyper reference with # symbol and sections name.
Create link to reach specific section on other page.
If you dont want to land on top of a page from link but you want to land on specific section of a page what you have to do is only let’s create a page with destination.html and create different sections in it, before section 4 we name it with <a name=”section4″></a> Now from home we want to land section 4 we will put a link on home page like this <a href=”destination.html#section4″>Section 4 destination page</a>
This is how you can reach to specific section on a page from different page. So if you want to reach to special section on a page from different page you have to follow above things.