html写出带有表格标题的三行三列表格

介绍

HTML里，可以使用 table 标签及它内部的属性 tr,td,th等就可以快速生成一个表格。具体如下：

效果图

相关属性介绍

一个简单的 HTML 表格由table元素以及一个或多个 tr、th 或 td元素组成。

1. <caption> 标签： 定义表格的标题，必须直接放置到 <table>标签之后
2. <tr> 标签： 定义表格的一行
3. <th> 标签： 定义表格的表头，以粗体的形式显示
4. <td> 标签： 定义单元格标签

代码

<table border="1">
      <!-- <caption> 标签定义表格的标题。 -->
      <!-- <caption> 标签必须直接放置到 <table> 标签之后。 -->
      <caption>学习成绩</caption>
      <!-- <tr> 标签定义表格的一行 -->
      <tr>
      	<!-- <th> 标签定义表格的表头，以粗体的形式显示 -->
        <th>科目</th>
        <th>成绩</th>
        <th>等级</th>
      </tr>
      <tr>
      	<!-- <td> 标签定义单元格标签 -->
        <td>语文</td>
        <td>99</td>
        <td>优秀</td>
      </tr>
      <tr>
        <td>数学</td>
        <td>20</td>
        <td>不及格</td>
      </tr>
      <tr>
        <td>英语</td>
        <td>100</td>
        <td>优秀</td>
      </tr>
 </table>

tips： <table> 标签里还有很多的属性，例如

1. cellspacing：规定单元格之间的空白
2. cellpadding：规定单元边沿与其内容之间的空白
3. border： 规定表格边框的宽度
   ………………
   更多相关的，可以参考菜鸟教程：https://www.runoob.com/tags/tag-table.html