1、首先,我們打開(kāi)DreamWeaver軟件,新建一個(gè)html的頁(yè)面,并以table命名進(jìn)行保存。
2、然后我們?cè)陧?yè)面的body標(biāo)簽內(nèi)部,新建一個(gè)table,并在內(nèi)部添加行和單元格標(biāo)簽。
3、接下來(lái),我們需要在每個(gè)單元格中添上相應(yīng)的文字,并在瀏覽器中查看效果。
4、可以看到,各個(gè)單元格之間的區(qū)別并不明顯,我們需要為其添加邊框。
5、邊框只需要在table標(biāo)簽中添加,border即可,border值為阿拉伯?dāng)?shù)字,添加border后,效果更明顯。
6、我們接下來(lái)要將第一行的三個(gè)單元格合并成一個(gè)單元格。分別是跨行合并的rowspan和跨列合并的colspan7、具體的用法是這樣的。我們?cè)趖d標(biāo)簽中添加colspan="",引號(hào)內(nèi)填寫(xiě)相應(yīng)的阿拉伯?dāng)?shù)字即可。8、然后在瀏覽器中刷新頁(yè)面,可以看到第一行變成了一個(gè)單元格。9、跨行合并和跨列合并是相似的。