HTML表格怎么制作?
1、制作表格我們需要使用標(biāo)簽table在html中輸入table標(biāo)簽,然后設(shè)置行和列,,tr代表行,td代表列,然后在行和列中輸入相關(guān)的內(nèi)容。
2、預(yù)覽網(wǎng)頁我們發(fā)現(xiàn),網(wǎng)頁顯示格式看起來不像是表格,因為沒有框線,這時候我們需要給table標(biāo)簽設(shè)置邊框,border,如圖所示,在table標(biāo)簽中,定義border的值,這樣再預(yù)覽網(wǎng)頁我們就可以看到表格樣式。
3、圖中的表格表頭和文本內(nèi)容顯示格式一致,我們可以使用th標(biāo)簽代替td標(biāo)簽作為表格的表頭,系統(tǒng)自動將表頭內(nèi)部的文本內(nèi)容加粗居中顯示,這樣表頭格式就被著重定義出來。
4、可以使用caption標(biāo)簽給表格添加標(biāo)題,caption是table標(biāo)簽的子標(biāo)簽需要寫在table標(biāo)簽內(nèi)部,將需要定義的標(biāo)題文本輸入到caption中。
5、兩行數(shù)值一樣的話可以設(shè)置為rowspan值,如圖所示,兩行數(shù)據(jù)一致,直接設(shè)置rowspan值為2,下一行的這個數(shù)值就不必單獨(dú)定義了,如果是三行數(shù)值一致,那么可以直接設(shè)置為3.
6、將多列相同數(shù)據(jù)一起顯示可以使用colspan來進(jìn)行設(shè)置,如圖所示,第三列所有的內(nèi)容都全部顯示一致,我們可以設(shè)置像表格中的合并效果然后一起顯示,這樣就不必每一列都輸入內(nèi)容。