简单的人员信息表

原创 2018-11-01 20:07:40 401
摘要:<!DOCTYPE html><html><head> <title>表格学习</title> <meta charset="utf-8">    <style type="text/css">      table, tr,

<!DOCTYPE html>

<html>

<head>

<title>表格学习</title>

<meta charset="utf-8">

    <style type="text/css">

      table, tr,td{

      border: 1px solid red;

      border-collapse : collapse ;


      }


    </style>

</head>

<body>

   <table>

        

           <th  colspan="4">人员信息表</th>

        

        <tr>

          <td>姓名</td>

          <td>性别</td>

          <td>籍贯</td>

          <td>电话号码</td>

        </tr>

         <tr>

          <td>小张</td>

          <td>女</td>

          <td>四川</td>

          <td>45668997</td>

        </tr>

         <tr>

          <td>小花</td>

          <td>女</td>

          <td>河南</td>

          <td>78895463</td>

        </tr>

         <tr>

          <td>张三</td>

          <td>女</td>

          <td>山东</td>

          <td>12345678</td>

        </tr>

         <tr>

          <td>小李</td>

          <td>男</td>

          <td>西藏</td>

          <td>12346532</td>

        </tr>


   </table>


</body>

</html>



批改老师:天蓬老师批改时间:2018-11-01 20:19:41
老师总结:代码正确 ,但还有可优化的地方,例如应该给table设置一个宽度,这样比较合适

发布手记

热门词条