HTML表格
1.<table>标签:声明一个表格,它的常用属性如下:
border属性:定义表格的边框,设置值是数值
cellpadding属性:定义单元格内容与边框的距离,设置是数值
cellspacing属性:定义单元格与单元格之间的距离,设置值是数值
align属性:定义整体表格相对于浏览器窗口的水平对齐方式,设置值有:left | center | right
2. <tr>标签:定义表格中的一行
3.<td>和<th>标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格,它们的常用属性如下:
align:设置单元格中内容的水平对齐方式,设置值有:left | center | right
valign:设置单元格中内容的垂直对齐方式,设置值:top | middle | bottom
colspan:设置单元格水平合并,设置值为数值
rowspan:设置单元格垂直合并,设置值为数值
(1)
<body>
<h2>表格</h2><table border="1" width="300" height="200" align="center"> <tr> <th>得分</th> <th>助攻</th> <th>篮板</th> </tr> <tr> <td align="center">1</td> <td align="right">2</td> <td align="center">3</td> </tr> <tr> <td valign="top" align="center">1</td> <td valign="bottom" align="center">2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr></table>
</body>
(2)
<body>
<h2>个人简历</h2><table border="1" width="700" height="300"> <tr> <td colspan="5">基本情况</td> </tr> <tr> <td width="15%"></td> <td width="25%"></td> <td width="15%"></td> <td width="25%"></td> <td rowspan="5" width="20%"><img src="image/蓝底3.jpg" alt="证件照"></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr></table>
</body>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。