HTML的分頁功能在網頁開發中十分常見，它能夠幫助我們將大量的內容分散到不同頁面中，從而提高網頁的可用性和閱讀體驗。而要使分頁功能更美觀、更具交互性，只需加入以下漂亮分頁代碼：

<div class="pagination">
<a href="#" class="prev disabled"><span><i class="fa fa-chevron-left"></i></span></a>
<a href="#" class="active">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#" class="next"><span><i class="fa fa-chevron-right"></i></span></a>
</div>

以上代碼定義了一個名稱為“pagination”的div元素，并在其中添加了多個標簽，分別代表不同的頁面。其中，“active”類名表示當前所在頁面，而“prev”和“next”類名則表示上一頁和下一頁。

為了讓分頁功能更美觀，該代碼還使用了FontAwesome字體庫，為“prev”和“next”類名中的箭頭符號添加了樣式效果，為整個分頁添加了更強的視覺吸引力。

除此之外，如果需要支持更好的交互性，可以配合JavaScript代碼，使點擊分頁按鈕時頁面可以自動加載新的內容，從而實現更流暢的用戶體驗。