Chinaunix首页 | 论坛 | 博客
  • 博客访问: 22006
  • 博文数量: 9
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 70
  • 用 户 组: 普通用户
  • 注册时间: 2015-03-24 11:53
文章分类

全部博文(9)

文章存档

2015年(9)

我的朋友
最近访客

分类: Java

2015-07-01 02:03:42

数字表(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) |
给主人留下些什么吧!~~