HTML table的直列化格式是什么
發(fā)表時(shí)間：2023-09-21 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)?lái)HTML table的直列化格式是什么，使用HTML table的直列化格式的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。直列化格式<colgroup>...</colgroup>個(gè)別直列設(shè)置格式:<col>功能完全和<colgroup&...
這次給大家?guī)?lái)HTML table的直列化格式是什么，使用HTML table的直列化格式的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
直列化格式
<colgroup>...</colgroup>
個(gè)別直列設(shè)置
格式:<col>功能完全和<colgroup>一樣
注意設(shè)置第一行的DOCTYPE為xhtml會(huì)導(dǎo)致colgroup失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表格的直列化格式</title>
</head>
<body>
<table cellpadding="5px" cellspacing="0px" border="1px" bordercolor="black">
<!--說(shuō)明：用兩組colgroup標(biāo)簽來(lái)控制整個(gè)第三列顯示為紅色
第一組colgroup中的span="2"相當(dāng)于一個(gè)占位符，這樣第三列(數(shù)學(xué)這一整列)就會(huì)顯示為紅色
同理，如果設(shè)置span="3",則第四列(英語(yǔ)這一整列)會(huì)顯示為紅色
<colgroup span="2"></colgroup>
<colgroup bgcolor="red"></colgroup>
-->
<!--<col>功能完全和<colgroup>一樣
設(shè)置<col>標(biāo)簽達(dá)到和<colgroup>一樣的功能
這里加了一個(gè)align="right"單獨(dú)設(shè)置第三列(數(shù)學(xué)這一整列)右對(duì)齊
-->
<col span="2" />
<col bgcolor="red" align="right" />
<caption align="left">學(xué)生成績(jī)表</caption>
<tr>
<th>姓名</th>
<th>語(yǔ)文</th>
<th>數(shù)學(xué)</th>
<th>英語(yǔ)</th>
</tr>
<tr>
<td>張三</td>
<td>90</td>
<td>89</td>
<td>99</td>
</tr>
<tr>
<td>李四</td>
<td>98</td>
<td>92</td>
<td>96</td>
</tr>
<tr>
<td>王五</td>
<td>92</td>
<td>97</td>
<td>91</td>
</tr>
<tr>
<td>總分</td>
<td>200</td>
<td>200</td>
<td>200</td>
</tr>
</table>
</body>
</html>相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
怎樣用h5的sse服務(wù)器發(fā)送EventSource事件
用H5和C3實(shí)現(xiàn)簡(jiǎn)單的時(shí)鐘效果
在Canvas中如何實(shí)現(xiàn)自定義路徑動(dòng)畫？
以上就是HTML table的直列化格式是什么的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
