Html表格常用标签

数字表(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>