語法：

<table>
    <tr>
        <td>單元格1</td>
        <td>單元格2</td>
    </tr>
    <tr>
        <td>單元格1</td>
        <td>單元格2</td>
    </tr>
</table>

• <table>和</table>標記著表格的開始和結束浩考，<tr>和</tr>標記著行的開始和結束巡李，在表格中包含幾組<tr></tr>就表示該表格為幾行。<td>和</td>標記著單元格的開始和結束相寇。
• 表格一般都有一個標題呵曹，表格標題使用<caption>表格標題</caption>標簽袄秩。表格的標題一般位于整個表格的第1行，一個表格只能含有一個表格標題。
• 表格的表頭<th>是<td>單元格的一種變體之剧，它的本質還是一種單元格郭卫。它一般位于第一行，用來表明這一行或列的內容類別背稼。表頭有一種默認樣式：瀏覽器會以粗體和居中的樣式顯示<th>元素中的內容贰军。當然對于表頭，我們可以用<td>標簽代替<th>標簽蟹肘，但是不建議這樣做词疼。
• 為了更深一層對表格進行語義化，HTML引入了thead帘腹、tbody和tfoot這三個標簽贰盗。這三個標簽把表格分為三部分：表頭、表身阳欲、表腳舵盈。有了這三個標簽，表格HTML代碼語義更加良好球化，結構更加清晰秽晚。

<table>
    <caption>表格標題</caption>
    <!--表頭-->
    <thead>
        <tr>
            <th>表頭單元格1</th>
            <th>表頭單元格2</th>
        </tr>
    </thead>
    <!--表身-->
    <tbody>
        <tr>
            <td>標準單元格1</td>
            <td>標準單元格2</td>
        </tr>
        <tr>
            <td>標準單元格1</td>
            <td>標準單元格2</td>
        </tr>
    </tbody>
    <!--表腳-->
    <tfoot>
        <tr>
            <td>標準單元格1</td>
            <td>標準單元格2</td>
        </tr>
    </tfoot>
</table>

th / td屬性

colspan  跨列 合并列
rowspan  跨行 合并行
<td colspan="2"></td>
<td rowspan="2"></td>

說明：

• <thead>、<tbody>和<tfoot>這三個標簽也是表格中非常重要的標簽筒愚，它在語義上區(qū)分了表頭赴蝇、表身、表腳巢掺。很多人容易忽略這三個標簽句伶。
• 很多人問，對于表格來說陆淀，thead考余、tbody、tfoot這3個標簽加了跟沒加時的顯示效果都一樣呀倔约？但是加了之后讓你的代碼更具有邏輯性秃殉。還有一點就是：HTML語義結構極其重要，特別是針對搜索引擎浸剩。

表格邊框合并border-collapse

border-collapse屬性值              說明
separate            默認值钾军，邊框分開，不合并
collapse    邊框合并绢要，如果相鄰吏恭，則共用一個邊框

表格邊框間距border-spacing

border-spacing:像素值;

• border-spacing屬性跟上節(jié)課學到的border-collapse屬性一樣，只需要在table元素設置就可以生效重罪，沒必要在th樱哼、td這些元素中設置哀九，造成代碼冗余。