html成绩单表格_随笔

html成绩单表格

<!DOCTYPE html>

<html>

  <head>

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <meta charset="utf-8" />

    <title>常用标签</title>

  </head>

  <body>

    <!--表格由table标签创建，tr表示行，td表示列 -->

    <table border="10px" cellspacing="10" cellpadding="20">

      <!--cellpadding表示的是内部距离，cellspacng是格子间距-->

      <tr>

        <th>姓名</th>

        <th>年龄</th>

        <th>科目</th>

        <th>成绩</th>

      </tr>

      <tr>

        <td>Tom</td>

        <td>20</td>

        <td>语文</td>

        <td>90</td>

      </tr>

      <tr>

        <td>Linda</td>

        <td>22</td>

        <td>数学</td>

        <td>85</td>

      </tr>

      <tr>

        <td rowspan="2">Lucy</td>

        <td>23</td>

        <td>英语</td>

        <td>78</td>

      </tr>

      <tr>

        <td>23</td>

        <td>数学</td>

        <td>68</td>

      </tr>

      <tr>

        <td colspan="3">成绩平均值</td>

        <td>84.3</td>

      </tr>

      <!--colspan表示可跨的列数，rowspan表示可跨的行数-->

    </table>

  </body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/588805.html

html成绩单表格

发表评论

评论列表（0条）