Make a Back to the Top Link on a Website

This article will show you how to make a back to the top link on a website. These can be useful to visitors reading long articles or browsing large pages. Your visitors shouldn't have to scroll all the way to the top.

Steps

  1. Open up your HTML file with your preferred text editor such as Notepad or TextEdit.
  2. Add a HTML anchor just after the ending of the head tag. This is the start of the body code and thus is, by definition, the very top of the page.

    <a name="top"></a>
  3. Place the following code where ever you want the link to appear. Ideally, near the end of each page or section.

    <a href='#top'>Back to Top</a>

Tips

  • You can replace "Back to Top" text, with whatever you would like it to say.

Related Articles

You may like