Jump to head botton in HTML

Question

How can I customize the up mark or word in the jump botton?
For example I have a bottom in the Lower part of page that says "UP" and when the user clicks on it it jumps to the head.
How can I customize it?
Like resizing the "UP" word or the botton itself?

Answer 1

Like this. when user click on Go Up button user go to top on the page.

https://code.sololearn.com/WV7exscap954/?ref=app

Answer 2

Also using the html id attrib with the first heading/paragraph or whatever loads up first in your page having something like id="id_name_you_want"

Then at the bottom of the page in your footer or wherever you want your button/some text to be, use the inline tag <a> with a href attrib refferenced to the id of the first element you gave the id="id_name_you_want" eg
<a href="#id_name_you_want">

Answer 3

Navid Shahbazi do you want to customize Go Up button like shows in today's modern website.this is very easy just make a SVG image in inkscape like software and customize SVG image according to your need you can also use png image if you want.Make image in small resolution width×height according to your need then use this image inside image tag and set the link inside the image tag from bottom to up.

Answer 4

Navid Shahbazi check this code i think you want this.now i customize the up button

https://code.sololearn.com/WV7exscap954/?ref=app

Answer 5

Navid Shahbazi i use here png image in code for button up.which has some width and height look at code properly.

Answer 6

Yes kinda like that. Thanks.
But actually I mean something like the thing there is in websites

Answer 7

Yes
This one is way closer.
I also have another question.
How do you make Go Up written on the botton bigger.
Thanks a lot.