對於table標籤，在傳統html頁面或者H5頁面都是一樣的表現形式與配置方式。本文為您介紹table表格的使用，與如何合併行單元格與列單元格。

本文使用VSCode工具快速構建H5介面DOM結構，不使用這個工具也是一樣的。

新增H5頁面

一、1）開啟VSCode編輯器，新建一個檔案，儲存為“H5Table.html”。

2）在快速建立H5DOM結構：檔案中輸入一個感嘆號，再按下tab鍵即可。

二、table表格

1）table表格標籤內含thead、tbody兩個大類標籤，這兩個標籤省略也是一樣的效果，建議還是加上。

2）thead標籤表示表頭，用tr表示行，th表示列。

3）tbody標籤表示表體，用tr表示行，td表示列。

4）構建一個簡單的table結構。

三、table表格，執行效果

四、合併行單元格

1）在th或者td中配置rowspan屬性，用於合併兩行的同一列單元格。

2）合併行單元格dom結構。

五、合併行單元格，執行效果

在瀏覽器中開啟“H5Table.html”即可執行頁面。

六、合併列單元格

1）在th或者td中配置colspan屬性，用於合併同一行的多個列單元格。

2）合併列單元格dom結構。

七、合併列單元格，執行效果

在瀏覽器中開啟“H5Table.html”即可執行頁面。