時(shí)間:2023-09-01 00:06:01 | 來源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-09-01 00:06:01 來源:網(wǎng)站運(yùn)營(yíng)
HTML——表格制作:table:表格,定義的是整個(gè)的表格大結(jié)構(gòu)。屬性:border邊框?qū)傩?,style樣式屬性2.單元格合并:rowspan、colspan
<!-- 邊框?qū)挾葹?像素px, style樣式邊框塌陷,去除邊框空隙-->
<table border="1" style="border-collapse: collapse;">caption:表格的標(biāo)題,內(nèi)部書寫標(biāo)題文字。
tr:table rows,表格的行,定義的是表格由多少行組成。
td:table data,表格數(shù)據(jù),也叫表格單元格,定義的是每一行內(nèi)部的單元格。
th,table head data,表頭單元格,有加粗居中的CSS樣式效果
rowspan:跨行和并。上下的合并。
colspan:跨列合并。左右的合并。
<!-- 跨行合并2格,跨列合并2格 --><th rowspan="2">地區(qū)</th><th colspan="2">總量分</th>
3.表格組成通常包含四部分:caption、thead、tbody、tfootcaption:表格的標(biāo)題,內(nèi)部書寫標(biāo)題文字。4.制作技巧
thead:table head,表格的頭部。內(nèi)部嵌套tr>th。
tbody:table body,表格的主體。內(nèi)部嵌套tr>td。
tfoot:table foot,表格的頁腳。內(nèi)部嵌套tr>td。
注意:不管寫的順序怎么樣,瀏覽器都是從caption、thead、tbody、tfoot執(zhí)行
<table border="1" style="border-collapse: collapse;"> <!-- 標(biāo)題 --> <caption>投資情況</caption> <!-- 頭部 --> <thead> <tr> <th rowspan="2">地區(qū)</th> <th colspan="2">總量分</th> <th colspan="2">比例分</th> </tr> <tr> <th>自年初累計(jì)(億元)</th> <th>去年同比增長(zhǎng)(%)</th> <th>自年初累計(jì)(%)</th> <th>去年同期(%)</th> </tr> </thead> <!-- 主體 --> <tbody> <tr> <td>全國(guó)</td> <td>123456.90</td> <td>100.0</td> <td>100.0</td> <td>100.0</td> </tr> <tr> <td>全國(guó)</td> <td>123456.90</td> <td>100.0</td> <td>100.0</td> <td>100.0</td> </tr> <tr> <td>全國(guó)</td> <td>123456.90</td> <td>100.0</td> <td>100.0</td> <td>100.0</td> </tr> <tr> <td>全國(guó)</td> <td>123456.90</td> <td>100.0</td> <td>100.0</td> <td>100.0</td> </tr> <tr> <td>全國(guó)</td> <td>123456.90</td> <td>100.0</td> <td>100.0</td> <td>100.0</td> </tr> </tbody> </table>
關(guān)鍵詞:表格
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。