創(chuàng)建表格
想在網(wǎng)頁上展示上述表格效果可以使用以下代碼：
創(chuàng)建表格的四個元素：
table碍扔、tbody、tr秕重、th不同、td
1、<table>…</table>：整個表格以<table>標(biāo)記開始、</table>標(biāo)記結(jié)束二拐。
2服鹅、<tbody>…</tbody>：當(dāng)表格內(nèi)容非常多時，表格會下載一點(diǎn)顯示一點(diǎn)百新，但如果加上<tbody>標(biāo)簽后企软，這個表格就要等表格內(nèi)容全部下載完才會顯示。
3饭望、<tr>…</tr>：表格的一行仗哨，所以有幾對tr表格就有幾行。
4铅辞、<td>…</td>：表格的一個單元格厌漂，一行中包含幾對<td>...</td>，說明一行中就有幾列斟珊。
5苇倡、<th>…</th>：表格的頭部的一個單元格，表格表頭囤踩。
6旨椒、表格中列的個數(shù)，取決于一行中數(shù)據(jù)單元格的個數(shù)高职。
上述代碼在瀏覽器中顯示的默認(rèn)的樣式為：
總結(jié)：
1钩乍、table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的
2怔锌、表頭寥粹，也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示
用css樣式，為表格加入邊框
Table 表格在沒有添加 css 樣式之前埃元，是沒有邊框的涝涤。這樣不便于我們后期合并單元格知識點(diǎn)的講解，所以在這一節(jié)中我們?yōu)楸砀裉砑右恍邮降荷保瑸樗砑舆吙颉?br> 在右側(cè)代碼編輯器中添加如下代碼：
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
上述代碼是用 css 樣式代碼（后面章節(jié)會詳細(xì)講解）阔拳，為th，td單元格添加粗細(xì)為一個像素的黑色邊框类嗤。
結(jié)果窗口顯示出結(jié)果樣式：
caption標(biāo)簽糊肠，為表格添加標(biāo)題和摘要
表格還是需要添加一些標(biāo)簽進(jìn)行優(yōu)化，可以添加標(biāo)題和摘要遗锣。代碼如下：
摘要
摘要的內(nèi)容是不會在瀏覽器中顯示出來的货裹。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內(nèi)容精偿，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容弧圆。
語法：<table summary="表格簡介文本">
標(biāo)題
用以描述表格內(nèi)容赋兵，標(biāo)題的顯示位置：表格上方。*
語法：
<table>
<caption>標(biāo)題文本</caption>
<tr>
<td>…</td>
<td>…</td>
…
</tr>
…
</table>
