数字表(Number)
0
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
25
|
27
|
28
|
29
|
31
|
32
|
33
|
34
|
35
|
以上表格的代码
<table border="1" cellpadding="16">
<caption>数字表(Number)</caption>
<tr>
<td>0</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<th colspan="2">15</th> <!-- 用了th而非td,所以15居中了 -->
<!-- <td>16</td> -->
<td>17</td>
</tr>
<tr>
<td rowspan="3">18</td> <!-- 行合并 -->
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<!-- <td>24</td> -->
<td colspan="2">25</td> <!-- 列合并 -->
<!-- <td>26</td> -->
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<!-- <td>30</td> -->
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
</tr>
</table>
表格嵌套,增加背景图片
代码如下
<table border="1" Background=10-8.jpg align="center" frame=vsides>
<tr>
<td>
<p>This is a paragraph </p>
<p>This is another paragraph</p>
</td>
<td>This cell contains a table:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>This cell contains a list
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</td>
<td>HELLO</td>
</tr>
</table>
<table border="1" width="80%" bgcolor="#e8e8e8" cellpadding="2" bordercolor="#0000ff" bordercolorlight="7d7dff" bordercolordark="#0000a0">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
<col style="background-color:green">
</colgroup>
<tr>
<th width="30%" colspan="2" valign="bottom">大西洋赛区</th>
<th width="30%" colspan="2" valign="bottom">中部赛区</th>
<th width="30%" colspan="2" valign="bottom">东南赛区</th>
</tr>
<tr>
<td width="16%" align="center">凯尔特人</td>
<td width="16%" align="center">76人</td>
<td width="17%" align="center">活塞</td>
<td width="17%" align="center">公牛</td>
<td width="17%" align="center">热火</td>
<td width="17%" align="center">奇才</td>
</tr>
<tr>
<td width="16%" align="center">网</td>
<td width="16%" align="center">尼克斯</td>
<td width="17%" align="center">步行者</td>
<td width="17%" align="center">骑士</td>
<td width="17%" align="center">魔术</td>
<td width="17%" align="center">山猫</td>
</tr>
<tr>
<td width="16%" align="center">猛龙</td>
<td width="16%" align="center">过江</td>
<td width="17%" align="center">雄鹿</td>
<td width="17%" align="center">芝加歌</td>
<td width="17%" align="center">老鹰</td>
<td width="17%" align="center">姚明</td>
</tr>
</table>
阅读(1161) | 评论(0) | 转发(0) |