一，定義
其實(shí)表格是一種數(shù)據(jù)的展現(xiàn)形式,當(dāng)數(shù)據(jù)量非常大的時(shí)候,表格這種展現(xiàn)形式被認(rèn)為是最為清晰的一種展
現(xiàn)形式。
作用：用來給一堆數(shù)據(jù)添加表格語(yǔ)義。
格式：
表格標(biāo)簽中的table代表整個(gè)表格,也就是一堆table標(biāo)簽就是一個(gè)表格
表格標(biāo)簽中的tr標(biāo)簽代表整個(gè)表格中的一行數(shù)據(jù),也就是說一對(duì)tr標(biāo)簽就是表格中的一行
表格標(biāo)簽中的td標(biāo)簽代表表格中一行中的一個(gè)單元格,也就是說一對(duì)td標(biāo)簽就是一行中的一個(gè)單元格
注意：
1）表格標(biāo)簽有一個(gè)邊框?qū)傩?這個(gè)屬性決定了邊框的寬度.默認(rèn)情況下這個(gè)屬性的值是0,所以看不到
邊框；
2）表格標(biāo)簽是一個(gè)組合標(biāo)簽，所以table/tr/td只會(huì)一起出現(xiàn),不會(huì)一起不出現(xiàn),也不會(huì)單個(gè)出現(xiàn)。
其中，cellspacing表示單元格間距；cellpadding表示單元格邊距。valign，align用來分別定位垂直方向和水平方向上的位置。valig取值有top/center/bottom；nalign取值有l(wèi)eft/center/right 。
二，細(xì)線表格（了解）
在表格標(biāo)簽中想通過指定外邊距為0來實(shí)現(xiàn)細(xì)線表格是不靠譜的,其實(shí)它是將2條線合并為
了一條線,所以看上去很不舒服。
細(xì)線表格的制作方式:
1.給table標(biāo)簽設(shè)置backgroundcolor；
?2.給tr標(biāo)簽設(shè)置backgroundcolor；
3.給table標(biāo)簽設(shè)置cellspacing = "1px"
注意：
table標(biāo)簽和tr標(biāo)簽以及td標(biāo)簽都支持bgcolor屬性；
三，其他表格標(biāo)簽
1，表格標(biāo)題
在表格標(biāo)簽中提供了一個(gè)標(biāo)簽專門用來設(shè)置表格的標(biāo)題,這個(gè)標(biāo)簽叫做caption.只要將標(biāo)題寫在
caption標(biāo)簽中,那么標(biāo)題就會(huì)自動(dòng)相對(duì)于表格的寬度居中。
注意：
1）caption一定要寫在table標(biāo)簽中,否則無效；
2）caption一定要緊跟在table標(biāo)簽后面。
2，標(biāo)題單元格標(biāo)簽
1）在表格標(biāo)簽中提供了一個(gè)標(biāo)簽專門用來存儲(chǔ)每一列的標(biāo)題,這個(gè)標(biāo)簽叫做th標(biāo)簽,只要將當(dāng)前列的
標(biāo)題存儲(chǔ)在這個(gè)標(biāo)簽中就會(huì)自動(dòng)居中+加粗文字。
2）格中有兩種單元格,一種是td,一種是th. td是專門用來存儲(chǔ)數(shù)據(jù)的, th是專門用來存儲(chǔ)當(dāng)前列的標(biāo)
簽。
四，表格結(jié)構(gòu)
1，由于表格中存儲(chǔ)的數(shù)據(jù)比較復(fù)雜,為了方便管理和閱讀以及提升語(yǔ)義,我們可以對(duì)表格中存儲(chǔ)的數(shù)據(jù)
進(jìn)行分類。
表格中存儲(chǔ)的數(shù)據(jù)可以分為4類：
1）標(biāo)題；
2）表頭信息；
3）主體信息；
4）頁(yè)尾信息。
2，完整的表格結(jié)構(gòu)：
其中，caption作用:指定表格的標(biāo)題；
thead作用:指定表格的表頭信息；
tbody作用:指定表格的主體信息；
tfoot作用:指定表格的附加信息。
注意：
1）如果我們沒有編寫tbody,系統(tǒng)會(huì)系統(tǒng)給我們添加tbody；
2）如果指定了thead和tfoot,那么在修改整個(gè)表格的高度時(shí), thead和tfoot有自己默認(rèn)的高度,不會(huì)隨著
表格的高度變化而變化。
五，表格的合并
1，水平方向上的單元格的合并
給td標(biāo)簽添加一個(gè)colspan屬性,來指定把某一個(gè)單元格當(dāng)做多個(gè)單元格來看待(水平方向)，例如
<td colspan="2"></td>(把當(dāng)前單元格擋住哦一個(gè)單元格來看待)
注意：
1）由于把某一個(gè)單元格當(dāng)做了多個(gè)單元格來看到,所以就會(huì)多出一些單元格,所以需要?jiǎng)h掉一些單元
格；
2）一定要記住單元格合并永遠(yuǎn)都是向后或者向下合并,而不能向前或者向上合并；
2，垂直方向上的單元格的合并
給td標(biāo)簽設(shè)置一個(gè)rowspan屬性,來指定把某一個(gè)單元格當(dāng)做多個(gè)單元格來看待(垂直方向），例如：
<td rowspan="2"></td>(把當(dāng)前單元格當(dāng)做兩個(gè)單元格來看待[垂直方向])
快捷鍵：
快速移動(dòng)選中的代碼,上下移動(dòng)：往上移動(dòng)Ctrl + shift +↑、往下移動(dòng)Ctrl + shift +↓
快速合并和展開代碼：合并： Ctrl + "-"/展開: Ctrl + "+"
快速合并和展開代碼：合并： Ctrl + shift + "-"/展開: Ctrl + shift +"+"
快速新啟一行：shift + enter。
