table标签简介:
tabale标签是表格标签,html中较为常用的标签之一,主要用来制作表格,完成一些对比和统计工作
table具体使用:
1.创建一个表格
<table class="container" id="xs">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>入校时间</th>
<th>学制</th>
<th>班级排行</th>
<th>年级排行</th>
</tr>
<tr>
<td>小明</td>
<td>17</td>
<td>男</td>
<td>2016</td>
<td>4年制</td>
<td>排名第一</td>
<td>排名第一</td>
</tr>
<tr>
<td>小美</td>
<td>17</td>
<td>女</td>
<td>2016</td>
<td>4年制</td>
<td>排名第二</td>
<td>排名第二</td>
</tr>
</table>
效果展示
2.tr、td、th标签的作用:
2.1 tr标签:
tr: 创建表格中的行
2.2 td标签:
td: 创建表格中的列
2.3 th标签:
th: 创建表格中的头,里面的字体默认水平居中
3.设置表格内容与表格的内边距(cellpadding)
cellpadding: 设置表格边框与内容之间的内边距
,相当于css中的padding属性
属性值: number,不带单位
4.设置表格之间的距离(cellspacing)
cellscacing:该属性主要是表格之间的距离
属性值:number,不带单位
5.表格中的行合并与列合并教程
简介:使用表格会经常用到表格的行合并于列合并,这样能使我们充分的制作
一个好看的表格,从而达到我们的要求。