在網頁開發中，HTML是最基礎的網頁制作語言，在使用HTML進行網頁開發時，我們需要掌握一些常見的標記和標簽。其中，郵件收件箱頁面是我們經常需要開發的一個功能，在這里，我們將介紹如何使用HTML制作郵件收件箱頁面。

郵件收件箱頁面通常包括郵件列表和郵件內容兩個部分。其中，郵件列表部分是我們需要優先制作的。以下是郵件列表部分的HTML代碼示例：

<div id="mail-list">
<ul>
<li>
<div class="mail-item">
<div class="mail-item-title">郵件標題</div>
<div class="mail-item-time">2019-10-10 10:10</div>
<div class="mail-item-content">郵件內容摘要</div>
</div>
</li>
<li>
<div class="mail-item">
<div class="mail-item-title">郵件標題</div>
<div class="mail-item-time">2019-10-10 10:10</div>
<div class="mail-item-content">郵件內容摘要</div>
</div>
</li>
</ul>
</div>

以上代碼中，我們使用了<ul>和<li>標簽來實現列表結構，利用<div>標簽并設置不同的class屬性，實現了不同樣式的郵件列表項。接下來，我們需要制作郵件內容部分，以下是HTML代碼示例：

<div id="mail-content">
<div class="mail-content-title">郵件標題</div>
<div class="mail-content-detail">郵件內容詳細內容</div>
</div>

以上代碼中，我們使用<div>標簽并設置不同的class屬性，實現了郵件內容標題和詳細內容的樣式。在制作郵件收件箱頁面時，還需要使用CSS樣式表對HTML代碼進行樣式設計，以實現更好的用戶體驗和頁面效果。