表格采用行列格式的簡(jiǎn)單結(jié)構(gòu),以及生活中廣泛應(yīng)用,對(duì)于他的理解和代碼編寫(xiě)都很方便创葡。表格的每行的列數(shù)通常一致,同行單元格高度一致且水平對(duì)齊绢慢,同列單元格寬度一致并且垂直對(duì)齊灿渴。這種嚴(yán)格的約束成了一個(gè)不易變形的矩形盒子結(jié)構(gòu),堆疊排列起來(lái)結(jié)構(gòu)很穩(wěn)定胰舆。
一骚露、表格的基本結(jié)構(gòu)
1,單元格
單元格為表格的最小單位缚窿,一個(gè)或者多個(gè)單元格縱橫排列組成表格棘幸。
2,表格行
一個(gè)或者多個(gè)單元格橫向堆疊形成行
3倦零,表格列
由于表格單元格的寬度必須一致误续,因此單元格縱向排列形成列
二,表格的基本語(yǔ)法
創(chuàng)建表格的基本語(yǔ)法如下
創(chuàng)建表格一般分為三步扫茅。
代碼例子:
運(yùn)行效果:
三蹋嵌,表格的對(duì)齊方式
表格的對(duì)齊方式用來(lái)控制表格在網(wǎng)頁(yè)中的顯示位置,常見(jiàn)的對(duì)齊方式有默認(rèn)對(duì)齊葫隙、左對(duì)齊栽烂、居中對(duì)齊和右對(duì)齊。而實(shí)現(xiàn)表格對(duì)齊的屬性就是align屬性停蕉,align屬性有3個(gè)值愕鼓,分別對(duì)應(yīng)左對(duì)齊、居中對(duì)齊慧起、右對(duì)齊菇晃,當(dāng)省略該屬性時(shí),系統(tǒng)自動(dòng)采用默認(rèn)對(duì)齊方式蚓挤。
(1)默認(rèn)對(duì)齊:表格一經(jīng)創(chuàng)建磺送,便顯示為默認(rèn)對(duì)齊驻子。默認(rèn)對(duì)齊狀態(tài)下表格以實(shí)際尺寸顯示在左側(cè),如果旁邊有內(nèi)容估灿,這些內(nèi)容會(huì)顯示在表格的下方崇呵,不會(huì)在表格的兩側(cè)進(jìn)行排列
(2)居中對(duì)齊。有時(shí)候馅袁,希望表格顯示在頁(yè)面的中間位置域慷,這樣會(huì)使頁(yè)面顯得對(duì)稱(chēng),瀏覽效果較好汗销,這時(shí)候就需要對(duì)表格設(shè)置居中對(duì)齊犹褒。
(3)左對(duì)齊、右對(duì)齊弛针。如果對(duì)表格設(shè)置左對(duì)齊或者右對(duì)齊叠骑,表格會(huì)顯示在頁(yè)面的左側(cè)或者右側(cè),其他內(nèi)容會(huì)自動(dòng)排列在表格旁邊的空白位置削茁。表格的左對(duì)齊和右對(duì)齊在網(wǎng)頁(yè)應(yīng)用中相對(duì)比較少宙枷,一般用于顯示廣告。
(4)單元格對(duì)齊茧跋。除了表格可以設(shè)置對(duì)齊方式外慰丛,單元格也同樣可以設(shè)置對(duì)齊方式,單元格對(duì)齊則分為水平對(duì)齊和垂直對(duì)齊兩個(gè)方向厌衔。
代碼例子:
運(yùn)行效果:
在實(shí)際開(kāi)發(fā)中一般很少使用屬性進(jìn)行對(duì)齊控制璧帝,一般使用CSS。