HTML返回顶部功能是网站中常用的一项功能，可以方便用户在长页面上快速返回顶部，提高用户体验。实现这一功能可以通过添加“返回顶部”的链接，也可以使用代码实现一个按钮。

<button onclick="topFunction()" >返回顶部</button><script>function topFunction() {document.body.scrollTop = 0;document.documentElement.scrollTop = 0;}</script>

上面的代码是实现返回顶部按钮的基本代码，其中onclick属性绑定了topFunction()函数，点击按钮即可触发该函数。函数中使用了scrollTop属性，将页面滚动条的位置设置为0，即回到顶部。

为了让用户更容易发现这个按钮，可以在页面滚动一定高度后显示该按钮，在页面滚动到顶部或者页面高度不足以滚动时隐藏该按钮。

<style>#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: #555;color: white;cursor: pointer;padding: 15px;border-radius: 4px;}#myBtn:hover {background-color: #777;}</style><script>window.onscroll = function() {scrollFunction()};function scrollFunction() {if (document.body.scrollTop >20 || document.documentElement.scrollTop >20) {document.getElementById("myBtn").style.display = "block";} else {document.getElementById("myBtn").style.display = "none";}}</script>

上面的代码在样式中设置了按钮的一些基本属性，比如位置、颜色、大小等。在JS代码中通过onscroll事件监听页面滚动，如果页面滚动高度大于20像素，则显示该按钮，否则隐藏。