How to Make a Back to the Top Link on a Website

Last Updated: June 3, 2021

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>
```
Advertisement
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>
```

Community Q&A

Question

I find this difficult to understand. For example, "open up your HTML file." Where will it be?

Adam Leech

Community Answer

It really depends. Your HTML files are in your server's c-panel, they're also in your code editor on your website.
Question

How do I change the color of my text?

Community Answer

Add this CSS to your Markup: a{ font-family: Times New Roman; color: Red; }
Question

How can I style this link in CSS?

Kabulput

Community Answer

<a href = "#" style = "color: red"> Link Text Here</a>. Here I used inline CSS to change the link's text color from the default to red.