前端基础-html-表格的基本标签和相关属性

  <!--

        表格的基本标签

        场景：在网页中以行+列的单元格的方式整齐展示和数据，如：学生成绩表

        基本标签：

        table:表格整体，可用于包裹多个tr

        tr：表格每行，可用于包裹td

        td：表格单元格，可用于包裹内容

        注意点：

        标签的嵌套关系：table>tr>td

     -->

     <table>

         <tr>

             <td>姓名</td>

             <td>成绩 </td>

             <td> 评语</td>

         </tr>

         <tr>

             <td> 张三</td>

             <td> 100分</td>

             <td>很棒</td>

         </tr>

         <tr>

             <td>李四</td>

             <td>80分</td>  

             <td>也很棒 </td>

     </tr>

     </table>

 

     <!--

         表格相关属性

         场景：设置表格基本展示效果

         常见相关属性：

         border: 属性值：数字 表示：表格边框宽度

         width: 属性值：数字 表示：表格的宽度

         height: 属性值：数字 表示：表格的高度

        注意点：

        实际开发针对于样式效果，推荐使用css设置

      -->

      <table border="1" width="400" height="200"  >

      <tr>

             <td>姓名</td>

             <td>成绩 </td>

             <td> 评语</td>

         </tr>

         <tr>

             <td> 张三</td>

             <td> 100分</td>

             <td>很棒</td>

         </tr>

         <tr>

             <td>李四</td>

             <td>80分</td>  

             <td>也很棒 </td>

    </table>