在開發網站時，我們常常需要設置左右翻頁功能，以提高用戶體驗。這時，HTML就可以派上用場。下面介紹如何使用HTML設置左右翻頁。 首先，在HTML頁面中，我們需要使用pre標簽來包裹代碼。代碼如下：

<div class="page">
<a href="#" class="prev">上一頁</a>
<a href="#" class="next">下一頁</a>
</div>

其中，div標簽的class屬性為“page”，a標簽的class屬性分別為“prev”和“next”，用于設置樣式和JavaScript等操作。 接下來，在CSS中為頁面元素設置樣式。代碼如下：

.page {
width: 100%;
text-align: center;
}
.prev,
.next {
display: inline-block;
padding: 10px;
}
.prev:hover,
.next:hover {
background-color: #ccc;
}

這里，我們將頁面元素的寬度設置為100%，并且居中顯示。同時，上一頁和下一頁的鏈接會以inline-block的方式進行顯示。當用戶鼠標懸浮在鏈接上方時，我們將背景顏色設置為#ccc，以提示用戶當前處于可點擊狀態。 最后，在JavaScript中為頁面元素設置功能。代碼如下：

var prev = document.querySelector('.prev');
var next = document.querySelector('.next');
prev.addEventListener('click', function() {
// 上一頁功能代碼
});
next.addEventListener('click', function() {
// 下一頁功能代碼
});

這里，我們使用JavaScript選取前面設置的上一頁和下一頁鏈接，并且為它們添加點擊事件。用戶點擊鏈接時，我們可以編寫代碼定義上一頁和下一頁的功能。 綜上，使用HTML、CSS和JavaScript結合來設置左右翻頁功能非常簡單。只要按照以上步驟進行操作，即可輕松實現網站左右翻頁功能。