優(yōu)秀網(wǎng)站網(wǎng)頁設(shè)計(jì) 網(wǎng)頁中表格如何合并單元格?
網(wǎng)頁中表格如何合并單元格?ColSpan是一個合并列,rowspan是一個合并行。合并行時,例如rowspan=“2”,下一行tr將少一列;合并列時,colSpan=“2”,此行的列將少一列。代碼演示
網(wǎng)頁中表格如何合并單元格?
ColSpan是一個合并列,rowspan是一個合并行。合并行時,例如rowspan=“2”,下一行tr將少一列;合并列時,colSpan=“2”,此行的列將少一列。代碼演示:<tableborder=“1”style={邊距:200}}&Gt<tbody&Gt<tr&Gt<thcolspan=“2”&Gt我是占位符</th&Gt<thcolspan=“2”&Gt我是占位符</th&Gt</TR&Gt<tr&Gt<throwspan=“2”&Gt我是占位符</th&Gt<TH&Gt我是占位符</th><TH>我是占位符</th><TH>我是占位符</th></TR><tr><TH>我是占位符</th><TH>我是占位符</th></TR></tbody></table>表示結(jié)果擴(kuò)展:行范圍指定行數(shù)標(biāo)題單元格應(yīng)該跨越。注意:rowspan=“0”告訴瀏覽器將單元格跨到表組件中的最后一行(ad、tbody或tFoot)。
網(wǎng)頁制作中合并單元格的方法?
1. 首先,我們打開Dreamweaver軟件,創(chuàng)建一個新的HTML頁面,并用表的名稱保存它。
2. 然后我們在頁面的body標(biāo)簽內(nèi)創(chuàng)建一個新表,并在其中添加行和單元格標(biāo)簽。
3. 接下來,我們需要向每個單元格添加相應(yīng)的文本,并在瀏覽器中查看效果。
4. 如你所見,細(xì)胞之間的差異并不明顯。我們需要給它們加上邊界。
5. 邊框只需要添加到表標(biāo)簽中。邊框值為阿拉伯?dāng)?shù)字。添加邊框后,效果更加明顯。
6. 我們要把第一行的三個單元格合并成一個單元格。具體用法如下。我們可以在TD標(biāo)記中添加colSpan=“”,并在引號中填寫相應(yīng)的阿拉伯?dāng)?shù)字。
8. 然后在瀏覽器中刷新頁面,您可以看到第一行變成一個單元格。
9. 跨行合并和跨列合并是相似的。