有時候我們需要在網頁上展示一些數據，如某公司想在網頁上展示公司的庫存清單。如下表： [](http://img.mukewang.com/52d38f0b00017e4305060133.jpg) 創建表格的四個元素： table、tbody、tr、th、td 1、…：整個表格以`<table>`標記開始、`</table>`標記結束。 2、…：如果不加 , table表格加載完后才顯示。加上這些表格結構， tbody包含行的內容下載完優先顯示，不必等待表格結束后在顯示，同時如果表格很長，用tbody分段，可以一部分一部分地顯示。（通俗理解table 可以按結構一塊塊的顯示，不在等整個表格加載完后顯示。） 3、…：表格的一行，所以有幾對tr 表格就有幾行。 4、…：表格的一個單元格，一行中包含幾對`<td>...</td>`，說明一行中就有幾列。 5、…：表格的頭部的一個單元格，**表格表頭。** 6、表格中列的個數，取決于一行中數據單元格的個數。 上述代碼在瀏覽器中顯示的默認的樣式為： [](http://img.mukewang.com/52d3902b0001142703730239.jpg) 總結： 1、table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的 2、表頭，也就是th標簽中的文本默認為**粗體**并且**居中**顯示