HTML中的表格？

使用webstorm制作網(wǎng)頁文件的時候，難免會遇到制作表格的情況，而且關(guān)鍵的布局方式一般都是使用表格完成的。

1.制作表格我們需要使用標簽table在html中輸入table標簽，然后設(shè)置行和列，，tr代表行,td代表列，然后在行和列中輸入相關(guān)的內(nèi)容。

2.預(yù)覽網(wǎng)頁我們發(fā)現(xiàn)，網(wǎng)頁顯示格式看起來不像是表格，因為沒有框線，這時候我們需要給table標簽設(shè)置邊框，border，如圖所示，在table標簽中，定義border的值，這樣再預(yù)覽網(wǎng)頁我們就可以看到表格樣式。

3.圖中的表格表頭和文本內(nèi)容顯示格式一致，我們可以使用th標簽代替td標簽作為表格的表頭，系統(tǒng)自動將表頭內(nèi)部的文本內(nèi)容加粗居中顯示，這樣表頭格式就被著重定義出來。

4.可以使用caption標簽給表格添加標題，caption是table標簽的子標簽需要寫在table標簽內(nèi)部，將需要定義的標題文本輸入到caption中。

5.兩行數(shù)值一樣的話可以設(shè)置為rowspan值，如圖所示，兩行數(shù)據(jù)一致，直接設(shè)置rowspan值為2，下一行的這個數(shù)值就不必單獨定義了，如果是三行數(shù)值一致，那么可以直接設(shè)置為3.

6.將多列相同數(shù)據(jù)一起顯示可以使用colspan來進行設(shè)置，如圖所示，第三列所有的內(nèi)容都全部顯示一致，我們可以設(shè)置像表格中的合并效果然后一起顯示，這樣就不必每一列都輸入內(nèi)容。