文章目录
一、table: 表格
- table:表格, tr: 行, td: 列,caption:标题,th: 表头
<table border="1" width="300px" height="150px">
<caption>
爱情表
</caption>
<tr>
<th>幸福指数</th>
<th>行为</th>
</tr>
<tr>
<td>520</td>
<td>抱抱</td>
</tr>
<tr>
<td>521</td>
<td>牵手</td>
</tr>
</table>
- 其他加在table中的属性
属性名 | 含义 | 常用属性值 |
---|---|---|
cellspacing | 设置单元格与但与单元格之间的距离 | 单位为px像素值,默认是2px |
cellpadding | 设置文字与单元格之间的距离 | 默认是1px |
width | 设置表格的宽度 | 单位是px |
height | 设置表格的高度 | 单位是px |
bgcolor | 设置背景颜色 | red, green, blue等 |
- 单元格跨行和跨列 colspan :跨列,rowspan :跨行
<table border="1" width="300px" height="150px">
<h3>单元跨两列</h3>
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>张三</td>
<td>344 22 112</td>
<td>211 32 123</td>
</tr>
<tr>
<td>李四</td>
<td>433 31 212</td>
<td>234 21 654</td>
</tr>
</table>
<table border="1" cellspacing="0">
<h3>单元跨两行</h3>
<tr>
<th>姓名</th>
<td>张三</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>344 22 112</td>
</tr>
<tr>
<td>234 21 654</td>
</tr>
</table>
每天进步一点点,体会学习的乐趣