<!--
表格标签学习：
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>
08-23
6599
6599
02-26
1397
1397
04-29
2404
2404
08-20
2023
2023
06-13
06-13
05-27
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
