align left 靠左
center 靠中
right 靠右
valign top 靠上
middle 靠中
bottom 靠下
span 數(shù)字 直列數(shù)
bgcolor 顏色 背景顏色
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!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>