头歌：HTML——表格：第5关：表格的标题

最新推荐文章于 2024-10-21 15:11:01 发布

原创最新推荐文章于 2024-10-21 15:11:01 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #java

本文介绍如何使用HTML中的<caption>标签为表格添加标题，通过实例演示了正确的语法及位置，帮助读者掌握表格标题的基本用法。

任务描述

本关任务：添加一个表格标题，内容为科目成绩。

实现的效果如下：

相关知识

表格一般都有标题来说明这个表格具体是做什么的。

你可以用<caption>标签来创建表格标题，需要注意的是它的位置：紧随<table>标签之后。

例子如下：

<table border="2" cellspacing="0" cellpadding="10">
<caption>班级成绩</caption>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>18</td>
</tr>
</table>

效果如下：

编程要求

请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成任务描述中表格标题的创建任务。

测试说明

平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。

赶快试一下吧！！！

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="1" cellpadding="10" cellspacing="0">
        <!-- ********* Begin ********* -->


<caption>科目成绩</caption>
        <!-- ********* End ********* -->
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
       </tr>
    </table>
</body>
</html>