在制作網(wǎng)頁時，使用表格可以更清晰地排列數(shù)據(jù)。在過去的web1.0時代，表格更多地用在網(wǎng)頁布局定位上。但是在web2.0時代，表格定位已經(jīng)被摒棄了，現(xiàn)在使用的是“DIV+CSS”模式。

表格基本標(biāo)簽有：table標(biāo)簽（表格）、tr標(biāo)簽（行）、td標(biāo)簽（單元格）。<tr>標(biāo)簽和<td>標(biāo)簽都要在表格的開始標(biāo)簽<table>和結(jié)束標(biāo)簽</table>之間才有效。tr，即“table row（表格行）”。td，即“table data cell（表格單元格）”。<table>和</table>標(biāo)記著表格的開始和結(jié)束，<tr>和</tr>標(biāo)記著行的開始和結(jié)束，在表格中包含幾組<tr></tr>就表示該表格為幾行。<td>和</td>標(biāo)記著單元格的開始和結(jié)束。

用“table布局”好，還是使用“DIV+CSS布局”好呢？table布局，已經(jīng)是Web1.0時代的落后技術(shù)了。table布局，有非常多的弊端，例如冗余代碼過多、難以維護(hù)、不夠靈活等。DIV+CSS布局，指的就是“XHTML+CSS布局”，這是Web2.0時代的技術(shù)，基本規(guī)避了table布局的弊端。

表格一般都有一個標(biāo)題，表格標(biāo)題使用<caption>標(biāo)簽。表格的標(biāo)題一般位于整個表格的第1行，一個表格只能含有一個表格標(biāo)題。在<table></table>的內(nèi)部，在<tr>的上側(cè)，<caption>表格標(biāo)題</caption>。

表格的表頭<th>是<td>單元格的一種變體，它的本質(zhì)還是一種單元格。它一般位于第一行，用來表明這一行或列的內(nèi)容類別。表頭有一種默認(rèn)樣式：瀏覽器會以粗體和居中的樣式顯示<th>元素中的內(nèi)容。<th>標(biāo)簽和<td>在本質(zhì)上都是單元格，但是并不代表這兩種可以互換使用。這兩者根本區(qū)別在于語義上。th，即“table header（表頭單元格）”。而td，即“table data cell（單元格）”。

為了更深一層對表格進(jìn)行語義化，HTML引入了thead、tbody和tfoot這三個標(biāo)簽。這三個標(biāo)簽把表格分為三部分：表頭、表身、表腳。有了這三個標(biāo)簽，表格HTML代碼語義更加良好，結(jié)構(gòu)更加清晰。表格完整結(jié)構(gòu)如下：
table 表格
caption 標(biāo)題
thead 表頭（語義劃分）
tbody 表身（語義劃分）
tfoot 表尾（語義劃分）
tr 行
th 表頭單元格
td 表格單元格

在設(shè)計表格時，有時需要將兩個或更多的相鄰單元格組合成一個單元格。在HTML中，這就需要用到“[表格合并行]”和“[表格合并列]。合并行使用td標(biāo)簽的rowspan屬性，而合并列則用到td標(biāo)簽的colspan屬性。

<td rowspan="跨度的行數(shù)">需要跨行合并的標(biāo)簽名</td>；
<td colspan="跨度的列數(shù)">需要跨列合并的標(biāo)簽名</td>

表格基本結(jié)構(gòu)：<table>、<tr>和<td>是HTML表格最基本的3個標(biāo)簽，其他標(biāo)題標(biāo)簽<caption>、表頭單元格<th>可以沒有，但是這3者必須要有。