How to navigate withing a page using Anchor tags

Written by Basis-Consultant on 11:03 PM

Suppose you have a long article divided into parts. Now if the visitor wants to see that part then he have to scroll down all the way to that part. But you can help visitor to navigate to different parts of the webpage using anchor tags.

For example visit this webpage A tutorial on wget.

If you click on Download all pdfs link it will goto the end of the page where there is a heading called Download All PDFs .

How do you do this?

First choose the heading where you want to navigate or goto in the page when the link is clicked.

Suppose the text to which you want to navigate is Dowload All PDFs in that web page then insert the following code instead of that heading.

enter the name of the anchor your want for that heading (in this example the anchor tag is dnlpdf)
<a name="dnlpdf">Dowload All PDFs</a>

Now if you want to link to this text from any where in this page just enter

<a href="#dnlpdf">The text which you want to point to download all pdfs</a>

If you click on above text then you will got to the place in webpage where there is Download all pdfs heading.

Click on below links and you will return to the top of that page.

Return to top