您的位置:首页 > Web前端 > JavaScript

Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案

2017-12-06 10:32 1281 查看
编程题:

利用这样一章学到的知识,制作如图6-10所示的表格效果,并且要求代码语义化。

用VS2013新建ASP.NET空网站,添加新项,建立HTML文件,向其加入以下代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>第六章编程题答案</title>
<style type="text/css">
table, tr, th, td {
border: 1px solid silver;
}
</style>
</head>
<body>
<table>
<caption>学生成绩表</caption>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>成绩</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
<td>250</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>520</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>平均分</td>
<td colspan="2">385</td>
</tr>
</tfoot>
</table>

</body>
</html>运行结果:



以上就是网页的效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐