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

软件测试李同学

于 2017-12-06 10:32:27 发布

阅读量3.3k

点赞数 4

分类专栏： HTML CSS JavaScript 文章标签： html web前端开发 tr td visual studio

本文链接：https://blog.csdn.net/qq_29720657/article/details/78727856

版权

HTML CSS JavaScript 专栏收录该内容

15 篇文章 12 订阅

订阅专栏

编程题：

利用这样一章学到的知识，制作如图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>

运行结果：

以上就是网页的效果。

软件测试李同学

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案

编程题：利用这样一章学到的知识，制作如图6-10所示的表格效果，并且要求代码语义化。用VS2013新建ASP.NET空网站，添加新项，建立HTML文件，向其加入以下代码：第六章编程题答案 table, tr, th, td { border: 1px solid silver; }
复制链接

扫一扫