表格标签简介:
功能:对数据进行格式化,使数据显示更加清晰
<table></table>:表示表格的范围
在table里面 <tr></tr>:表示表格的一行
在tr里面<td></td>:表示表格每一行中的每一个单元格
table属性:
(1)border:表各线 例:border = "1"
设置 border="0",可以显示没有边框的表格(默认)
(2)bordercolor :表格线的颜色
(3)cellspacing:单元边沿与其内容之间的空白
—从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加内边距
(4)width: 表格的宽度
(5)height:表格的高度
使用表格的步骤:
(1)定义一个表格的范围 ----<table> </table> (2)定义一行 ---<tr> </tr> (3)定义一个单元格 ---<td> </td>
设置对齐方式:
<tr align=" value "></tr>
<ttd align=" value "></td>
value的取值:left:向左对齐
right:向右对齐
center:居中
注意:
使用<th></th>也可以实现定义一个单元格
特点:可自动实现居中和加粗
举一个栗子:
运行结果:
源码:
<html>
<head>
<title> 表格标签实例 </title>
</head>
<body>
<table border="1" bordercolor="#000000" cellspacing="0">
<!-- 表格的标题添加 -->
<caption><b>人员信息表</b></caption>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr align="center">
<td >徐志摩</td>
<td>男</td>
<td>40</td>
</tr>
<tr align="center">
<td>林徽因</td>
<td>女</td>
<td>30</td>
</tr>
<tr align="center">
<td>林平之</td>
<td>男</td>
<td>20</td>
</tr>
</table>
</body>
</html>