Download Article
Download Article
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
-
Open up your HTML file with your preferred text editor such as Notepad or TextEdit.
-
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 -
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>
Advertisement
Community Q&A
Search
-
QuestionI find this difficult to understand. For example, "open up your HTML file." Where will it be?Community AnswerIt really depends. Your HTML files are in your server's c-panel, they're also in your code editor on your website.
-
QuestionHow do I change the color of my text?Community AnswerAdd this CSS to your Markup: a{ font-family: Times New Roman; color: Red; }
-
QuestionHow can I style this link in CSS?KabulputCommunity 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.
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
Tips
- You can replace "Back to Top" text, with whatever you would like it to say.Thanks
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
Advertisement
About This Article
Thanks to all authors for creating a page that has been read 145,108 times.
Advertisement