学习10 table表格制作标签

Posted Riona-C

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习10 table表格制作标签相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>认识table表格标签</title>
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
<!--用css为表格加上边框-->
</head>
<body>
<table>
  <tbody>
  <!--tbody代表行内内容下载完成可优先显示-->
    <tr>
    <!--tr表示表格的行数-->
      <th>班级</th>
      <!--th表示表格的表头-->
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <!--td表示表格的单元格数据-->
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    <tr>
      <td>三班</td>
      <td>32</td>
      <td>80</td>
    </tr>
   </tbody>
  </table>
  <!--table表示表格>
</body>
</html>

 

以上是关于学习10 table表格制作标签的主要内容,如果未能解决你的问题,请参考以下文章

ul+li标签制作表格

怎么用CSS设置html中的表格边框样式

用表格和表单制作如下网页。完整html代码

如何在html的表格中加入边框线

bootstrap学习总结-04 常用标签2

table标签里不能再内嵌table?