HTML表格元素

来源:互联网 发布:手机淘宝开店怎么上架 编辑:程序博客网 时间:2024/04/28 12:15
<!DOCTYPE HTML>
<html>
<head>
<title>EXample</title>
<meta charset="utf-8">
</head>
<style type="text/css">
#colgroup1{background-color: red;}
#col3{background-color: green;}
</style>
<body>
<table border="1">
        <caption>Results of the 2011 Fruits Survey</caption>
        <colgroup id="colgroup1">
        <col id="col1And2" span="2">
        <col id="col3" >
        </colgroup>
        <colgroup id="colgroup2" span="2"/>
<thead>
<tr>
<th>Rank</th><th>Name</th><th>Color</th>
<th colspan="2">Size & Votes</th>
</tr>
</thead>
<tbody>
<tr>
<th>Favorite:</th><td>Apples</td><td>Green</td>
                 <td>Medium</td><td>500</td>
</tr>
<tr>
<th>2nd Favorite:</th><td>Oranges</td><td>Orange</td>
<td>Large</td><td>450</td>
</tr>
<tr>
<th>3rd Favorite:</th><td>Pomegranate</td><td colspan="2" rowspan="2">Pomegranates and cherries can both come in a range of colors and sizes.</td><td>203</td>
</tr>
<tr>
<th rowspan="2">Joint 4th:</th><td>Cherries</td><td rowspan="2">75</td>
</tr>
<tr>
<td>Pineapple</td><td>Brown</td><td>Very Large</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="5">& copy;2011 Adam Freeman Fruit Data Enterprises</th>
</tr>
</tfoot>
</table>
</body>
</html>
0 0
原创粉丝点击