HTML布局代碼主要有以下幾種：

1. 表格布局代碼

表格布局代碼是最早也是最簡單的網頁布局代碼之一。它的基本原理是將網頁分成若干個單元格，然后將內容放入這些單元格中。表格布局代碼的優點是易于理解和掌握，缺點是布局不夠靈活，不適合復雜的網頁設計。

2. DIV+CSS布局代碼

DIV+CSS布局代碼是目前網頁設計中最常用的布局方式之一。它的基本原理是使用DIV標簽來劃分網頁的各個部分，然后通過CSS樣式表來控制這些部分的樣式和位置。DIV+CSS布局代碼的優點是靈活性強，適合復雜網頁設計，但是需要較高的技術水平。

3. Flexbox布局代碼

Flexbox布局代碼是近年來出現的一種新的布局方式。它的基本原理是使用Flex容器來控制網頁中各個元素的排列方式。Flexbox布局代碼的優點是靈活性強，可以輕松實現響應式設計，但是需要瀏覽器的支持。

總之，HTML布局代碼是網頁設計中不可或缺的一部分，掌握它的使用方法對于網頁設計師來說是非常必要的。不同的布局方式適用于不同的網頁設計需求，因此需要根據具體情況選擇合適的布局方式。