HTML link for bottom and top page

Question

I want to put a link in my page which will take me to the bottom of the page and a link which will take me to the top of my page, and also to some section of the page. How can I put a link to my page that will not redirect me to another website but to the top/bottom of the page or a section?

Thanks

You can link to specific elements by their ID. i.e. `
` and `Go` — James Parsons, Jun 08 '18 at 14:06

score 5 · Accepted Answer · answered Jun 08 '18 at 14:11

5

you need to use a html anchor.

For example, at the top of your page (actually where you want to point to), one of the html element has the id top.

<div id="top"> ...</div>

If you put a link such as:

<a href="#top">go to the top</a>

...on click the browser will point to the div with id top.
It goes the same way for any part of your page.

answered Jun 08 '18 at 14:11

peyo

442
3
9

Adding to this. Having a scroll effect otherwise it will simply jump to the anchor. – JamesS Jun 08 '18 at 14:35

score 2 · Answer 2 · answered Jun 08 '18 at 14:10

2

For this you'll need anchor links Like so:

<a href="#bottom">bottom section</a>

followed by an element at the bottom of your HTML page with the id="bottom"

answered Jun 08 '18 at 14:10

billy.farroll

1,903
2
15
23

HTML link for bottom and top page

2 Answers2