HTML頁面布局的設置是制作一個好看的網站的重要組成部分，下面將為大家介紹HTML頁面布局設置的方法。 首先，在HTML中，我們可以使用`div`標簽來創建容器，并使用CSS設置容器的樣式。例如下面的代碼：

<div style="width: 80%; margin: auto;">   
<p>這是一個寬度為80%的居中容器</p>   
</div>

上述代碼創建了一個容器，將其寬度設為80%，并使用CSS中的margin屬性將其居中顯示。在容器內，我們可以添加任意標簽和元素實現需要的設計。 接下來，我們介紹如何使用表格來實現頁面布局。表格在HTML中的常見用途是用于呈現數據，但是它也可以用來創建頁面布局。例如下面的代碼：

<table>
<tr>
<td>左側欄</td>
<td>主要內容</td>
<td>右側欄</td>
</tr>
</table>

上述代碼創建了一個表格，其中三個單元格都位于一行中，分別代表了網站中的左側欄、主要內容和右側欄。在單元格中，我們可以添加其他標簽和元素來實現需要的設計。 最后，我們介紹一種新型的頁面布局方法——flexbox。flexbox是一種強大的布局方法，它讓網頁設計者可以更自由地排列元素。例如下面的代碼：

<div style="display:flex; justify-content:center;">
<div class="item">Flex項1</div>
<div class="item">Flex項2</div>
<div class="item">Flex項3</div>
</div>

上述代碼使用了flexbox布局，并將三個項目置于一個居中容器中。在項目中，我們可以添加其他標簽和元素來實現需要的設計。 綜上所述，HTML頁面布局的設置具有多種方法，開發者應該根據自身需求和優勢選擇合適的方式來實現頁面的布局。