在Web開發中，經常需要使用兩列代碼布局。例如，一列用于顯示內容，另一列用于顯示導航欄、廣告等。那么，如何用HTML實現這種兩列布局呢？

HTML中，通常使用div元素來實現布局。我們可以將兩個div元素分別用于顯示左側內容和右側內容。以下是一個簡單的例子：

<div style="float:left;width:60%">
<p>這里是左側內容。</p>
</div>
<div style="float:right;width:40%">
<p>這里是右側內容。</p>
</div>

在這段代碼中，我們使用style屬性設置了兩個div元素的浮動和寬度。第一個div元素采用左浮動，占據了頁面的60%寬度，用于顯示左側內容；第二個div元素采用右浮動，占據了頁面的40%寬度，用于顯示右側內容。

如果希望兩列內容高度自適應，可以將兩個div元素放在另外一個div元素中，并設置為display:flex，如下所示：

<div style="display:flex">
<div style="flex:1">
<p>這里是左側內容。</p>
</div>
<div style="flex:1">
<p>這里是右側內容。</p>
</div>
</div>

在這段代碼中，我們使用了flex布局，將兩個div元素平分兩行，實現了高度自適應。同時，我們也可以通過修改flex的比例來調整兩行的高度比例。

以上兩種方法都能很好地實現HTML兩列代碼布局，你可以根據實際需要選擇其中一種方法實現你需要的布局效果。