<!--
表格标签学习:
table:声明一个表格
tr:声明一行,设置行高及该行所有单元格的高度
th:声明一个单元格,表头格默认居中加黑显示
td:声明一个单元格,默认居左显示原始数据
注意:行高即该行所有单元格的宽度,单元格的宽度即列宽
属性:border:给表格添加边框
width:设置表格的宽度
height:设置表格的高度
cellpadding:设置内容居边框的距离
cellspacing:设置边框大小
特点:默认根据数据的大小进行表格的大小显示
table>tr*4>td*5,然后按table键,可生成4行5列的表格
单元格的合并:
第一步:
首先确保表格是一个规整的表格
第二步:
根据要合并的单元格,找到其所在源码的位置
第三步:
行合并:在要合并的单元格中的第一个单元格上使用属性rowspan="要合并的单元格的个数",
并删除其他要合并的单元格完成合并
列合并:在要合并的单元格中的任意一个使用属性colspan="要合并的单元格的个数",
并删除其他单元格
-->
<html>
<head>
<title>表格标签学习</title>
<meta charset="UTF-8"/>
</head>
<body>
<h3>表格标签学习</h3>
<hr />
<h4>表格标签的常用属性及设置学习</h4>
<table border="1px" cellpadding="0px" cellspacing="0px">
<tr height="50px">
<th width="100px">科目</th>
<th width="100px">分数</th>
<th width="100px">级别</th>
<th width="100px">属性</th>
</tr>
<tr height="50px">
<td>java</td>
<td>100</td>
<td>10</td>
<td>面向对象的语言</td>
</tr>
<tr height="50px">
<td>C语言</td>
<td>100</td>
<td>10</td>
<td>面向方法的语言</td>
</tr>
</table>
<hr />
<h4>单元格的合并学习</h4>
<table border="1px" cellpadding="0px" cellspacing="0px">
<tr height="50px">
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="200" colspan="2" rowspan="2"></td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr height="50px">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
来源:https://blog.csdn.net/bingmo_/article/details/99479217