学习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>

 

posted @ 2017-06-26 21:42  Riona-C  阅读(157)  评论(0)    收藏  举报