在網頁開發過程中，返回頂部按鈕是一個非常實用的功能，可以極大地提升用戶體驗。本文將介紹如何使用HTML添加返回頂部按鈕。

<!--HTML代碼-->
<!--返回頂部按鈕-->
<button onclick="topFunction()" style="position:fixed;bottom:20px;right:30px;">返回頂部</button>

以上代碼是一個簡單的HTML按鈕，通過在按鈕上添加onclick事件，可以實現返回頂部的功能。需要注意的是，我們需要在JavaScript中定義這個函數。

<!--JavaScript代碼-->
<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";
}
}
// 點擊按鈕返回頂部
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>

在JavaScript中，我們首先定義一個onscroll事件，當滾動到一定高度時會顯示返回頂部按鈕。接著定義了一個topFunction函數，在此函數中，我們使用scrollTop屬性將頁面滾動條的位置設置為0，以實現返回頂部的功能。

現在，我們已經完成了添加返回頂部按鈕的全部過程。使用以上代碼，即可輕松實現一個簡單的返回頂部按鈕。