本文介绍了一个具体的HTML表格应用案例，展示了如何使用不同的HTML标签来构建一个包含学生姓名、科目及成绩的表格。通过该示例，读者可以了解如何设置表格的边框、单元格间距、合并单元格等。
//笔记
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>学生成绩</title>
</head>
<!--
<table>表格标签
表格使用的到的标签
<table>表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是剧中,加粗
<caption> 表格的标题
表格常用的属性
border 设置表格的边框
width 设置表格的宽度
height 设置表格的高度
colspan:设置单元格占用的列数
rowspan:设置单元格占用指定的行数
-->
<body>
<table align="center" border="1px" bordercolor="#666666" width="200" height="100" cellpadding="1" cellspacing="1">
<thead>
<tr>
<td colspan="3" align="center">学生成绩</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan ="2">张三</td>
<td>语文</td>
<td>98</td>
<tr><td>数学</td>
<td>95</td></tr>
</tr>
<tr>
<td rowspan ="2">李四</td>
<td>语文</td>
<td>88</td>
<tr><td>数学</td>
<td>91</td></tr>
</tr>
</tbody
></table>
>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
