HTML是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)記語(yǔ)言。其中，3列布局是一種常見的頁(yè)面布局方式。在HTML中，可以使用div元素來實(shí)現(xiàn)3列布局。下面是一個(gè)簡(jiǎn)單的3列布局示例：

<div class="container">
<div class="left-column">
<p>這是左邊的內(nèi)容</p>
</div>
<div class="middle-column">
<p>這是中間的內(nèi)容</p>
</div>
<div class="right-column">
<p>這是右邊的內(nèi)容</p>
</div>
</div>

在上述代碼中，我們使用了一個(gè)名為container的div元素來包含三欄內(nèi)容。左欄、中欄和右欄分別是用名為left-column、middle-column和right-column的div元素來表示的。我們可以對(duì)這些div元素應(yīng)用CSS樣式以創(chuàng)建頁(yè)面布局。

下面是一個(gè)簡(jiǎn)單的CSS樣式示例，用于實(shí)現(xiàn)3列布局：

.container {
display: flex;
flex-wrap: wrap;
}
.left-column, .middle-column, .right-column {
width: 30%;
margin: 0 2%;
}
.left-column {
order: 1;
}
.middle-column {
order: 2;
}
.right-column {
order: 3;
}

在上述代碼中，我們使用了flex屬性和order屬性來實(shí)現(xiàn)3列布局。flex屬性用于設(shè)置元素的彈性布局方式，其中，flex-wrap屬性用于控制元素是否折行。order屬性用于控制元素的順序。我們對(duì)3欄分別設(shè)置了寬度和外邊距，并對(duì)左欄、中欄和右欄分別設(shè)置了不同的order值，以實(shí)現(xiàn)正確的頁(yè)面布局。