分頁是我們在網頁設計中常常需要用到的一種功能，在以前的網頁設計中常常是通過后端代碼來完成分頁功能，但是隨著前端技術的不斷發展，我們現在可以使用HTML、PHP、JS來編寫分頁代碼并實現相應的分頁功能。

下面是一段基本的HTML代碼，用來顯示分頁的按鈕。

<div class="pagination">
<a href="#">上一頁</a>
<a href="#" class="active">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">下一頁</a>
</div>

這段代碼會在頁面上顯示出上一頁、下一頁和數字頁碼按鈕，其中class="active"表示當前頁碼。

下面是PHP代碼，用來計算分頁數據。

//每一頁顯示的記錄數
$pageSize = 10;
//當前頁碼
$pageNum = isset($_GET['pageNum']) ? intval($_GET['pageNum']) : 1;
//總記錄數
$result = $db->query("SELECT count(*) FROM table_name");
$totalRecords = mysqli_fetch_array($result)[0];
//總頁數
$totalPages = ceil($totalRecords / $pageSize);
//計算查詢的起始記錄
$offset = ($pageNum - 1) * $pageSize;
//查詢符合條件的記錄
$sql = "SELECT * FROM table_name LIMIT $offset, $pageSize";
$result = $db->query($sql);

這段代碼用來計算分頁數據，包括每一頁顯示的記錄數、當前頁碼、總記錄數、總頁數、查詢的起始記錄和查詢符合條件的記錄。

下面是JavaScript代碼，用來實現分頁按鈕的跳轉事件。

//點擊分頁按鈕時跳轉到相應的頁面
$(".pagination a").click(function(){
var pageNum = parseInt($(this).text());
if($(this).text() == "上一頁"){
pageNum = $(".pagination .active").text() - 1;
}
if($(this).text() == "下一頁"){
pageNum = $(".pagination .active").text() + 1;
}
if(isNaN(pageNum) || pageNum< 1 || pageNum >totalPages){
return false;
}
window.location.href = "index.php?pageNum=" + pageNum;
});

這段代碼用來實現分頁按鈕的跳轉事件，當分頁按鈕被點擊時，會根據當前頁碼和點擊的按鈕來計算跳轉到哪一頁。