HTML 網頁設計中的手機翻頁功能，是指用戶在手機瀏覽器上的滑動操作來實現不同頁面之間的切換。為了實現這一功能，我們需要使用一些基本的 HTML 代碼來設置頁面元素的布局和事件響應。

首先，我們需要使用以下的 HTML 代碼來定義我們的頁面布局：

<div id="page1" class="page-wrapper">
<!-- 頁面內容 -->
</div>
<div id="page2" class="page-wrapper">
<!-- 頁面內容 -->
</div>
<div id="page3" class="page-wrapper">
<!-- 頁面內容 -->
</div>

以上代碼定義了三個頁面（page1, page2, page3），每個頁面都包含在一個 div 元素之內，并設置了一個 class 屬性為 "page-wrapper"。這個 class 屬性是可以用來設置頁面樣式的。

接下來，我們需要使用以下的 JavaScript 代碼來設置頁面滑動事件：

var pageWrapper = document.querySelectorAll(".page-wrapper");
var currentPage = 0;
var startTouchY = 0;
function handleTouchStart(event) {
startTouchY = event.touches[0].clientY;
}
function handleTouchEnd(event) {
var endTouchY = event.changedTouches[0].clientY;
var deltaY = endTouchY - startTouchY;
if (deltaY > 0 && currentPage > 0) {
// 向上翻頁
currentPage--;
pageWrapper[currentPage].scrollIntoView({ behavior: 'smooth' });
} else if (deltaY < 0 && currentPage < pageWrapper.length - 1) {
// 向下翻頁
currentPage++;
pageWrapper[currentPage].scrollIntoView({ behavior: 'smooth' });
}
}
document.addEventListener("touchstart", handleTouchStart);
document.addEventListener("touchend", handleTouchEnd);

以上代碼監聽了用戶的觸摸事件，并計算了手指在屏幕上滑動的距離。如果用戶向上滑動且當前頁面不是第一頁，則向上翻頁；如果用戶向下滑動且當前頁面不是最后一頁，則向下翻頁。

最后，我們只需要把以上兩段 HTML 和 JavaScript 代碼整合在一起即可實現 HTML 網頁設計中的手機翻頁功能。