置頂按鈕是一種常見的網頁交互設計，通常用于讓用戶方便快速地回到頁面頂部。本文將介紹如何使用HTML和JavaScript實現一個簡單的置頂按鈕。

<button onclick="scrollToTop()">返回頂部</button>

代碼中的button標簽定義了一個按鈕，onclick屬性是觸發置頂函數的事件。scrollToTop是我們需要自己編寫的JavaScript函數。

<script>
function scrollToTop(){
window.scrollTo(0,0);
}
</script>

上面的代碼中，我們使用了window.scrollTo()函數來將頁面滾動到指定位置，前面的參數是水平位置，后面的參數是垂直位置，其中(0,0)表示將頁面滾動到最頂部。

為了讓置頂按鈕更加美觀，我們可以加上CSS樣式。

<style>
button{
position: fixed;
right: 20px;
bottom: 20px;
width: 80px;
height: 40px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
outline: none;
cursor: pointer;
font-size: 16px;
z-index: 999;
}
button:hover{
background-color: #0062cc;
}
</style>

代碼中的樣式定義了按鈕的位置、大小、顏色等屬性，可以根據需求進行自定義。

最后，將以上代碼放到HTML文檔的合適位置，就可以在頁面上看到一個漂亮的置頂按鈕了。