1989年，Web之父Tim Berners-Lee發(fā)明了HTML（Hypertext Markup Language），讓用戶可以通過超鏈接跳轉(zhuǎn)到其他頁面，HTML1.3.1是HTML的第一個版本，它的布局代碼有許多種。以下是其中三種布局代碼：

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

上面的代碼使用了table標簽來創(chuàng)建表格，通過td標簽設(shè)置每個單元格的內(nèi)容。這種布局代碼在早期的網(wǎng)站中很常見，但由于使用table標簽不利于SEO，而且不夠靈活，所以現(xiàn)在已經(jīng)不被廣泛使用。

<div style="width: 33.33%; float: left;"></div>
<div style="width: 33.33%; float: left;"></div>
<div style="width: 33.33%; float: left;"></div>

上面的代碼使用了div標簽來創(chuàng)建三個塊級元素，并通過float屬性使它們浮動到左側(cè)，設(shè)置每個div寬度為33.33%，以保證三個塊級元素排列在同一行。這種布局代碼可以用來構(gòu)建響應(yīng)式網(wǎng)站，并且能夠更好地適應(yīng)不同屏幕尺寸。

<header></header>
<nav></nav>
<section></section>
<aside></aside>
<footer></footer>

上面的代碼使用了HTML5中新增的語義化標簽，把頁面分為頭部、導(dǎo)航、主體、側(cè)邊欄和底部五個部分。這種布局代碼既具有語義化的優(yōu)勢，也能夠方便地對不同部分進行樣式和結(jié)構(gòu)的修改。