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>运行结果:
以上就是网页的效果。
利用这样一章学到的知识,制作如图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>运行结果:
以上就是网页的效果。
相关文章推荐
- Web前端开发精品课HTML CSS JavaScript基础教程第十三章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第九章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第五章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十六章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第二十三章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
- Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
- Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结
- Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)
- 20150726 Web前端开发基础html+css
- Web前端开发规范【HTML/JavaScript/CSS】
- 【麦子学院】02.web前端开发之HTML+CSS基础入门
- Web前端开发基础 第一天(Html和CSS)
- Web前端开发工具(html+css基础)
- web前端不可错过的开发工具–Adobe Brackets(开源、简洁强大的HTML、CSS和JavaScript集成开发环境)
- web前端不可错过的开发工具–Adobe Brackets(开源、简洁强大的HTML、CSS和JavaScript集成开发环境)
- 为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发?
- 学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)