前端-基础 表格标签 - 基本使用及表头单元格 详解

基本使用 ：

主要作用  ： 

即  主要 用于显示，展示数据，因为它可以让数据显示的非常的规整，可读性非常好。 

特别是后台展示数据的时候，能够熟练运用表格就显得很重要。 一个清爽简约的表格能够把繁杂

的数据表现的很有调理。 

应用实例 ： 

                ​​​​​​​    

总结就是 ： 表格不是用来布局页面的，而是用来展示数据的 ~！ 

基本语法 ： 

<table>

        <tr>

               <td> 单元格内的文字 </td> 

               ..........

        </tr>

        .........

 </table> 

#   <table> </table>  是用于定义表格的标签 

#   <tr>  </tr>  标签用于定义表格中的行，必须嵌套在<table>  </table> 标签中 

#   <td> </td>  用于定义表格中的单元格，必须嵌套在 <tr> </tr> 标签中 

#   字母 td 指表格数据，即数据单元格的内容 

#   是没有列的概念的，就每一行有几个单元格，那就有几列洛 ~！！ 

              

              按照上示的代码编写，那就是 一行 三个单元格 

              

              我们加上内容，看具体效果 

              

               这就是 一行三单元格 的效果 ~！！！  

              

              这就显然是 三行，每行各三个单元格了， 也即 三行三列

              需要强调的是，一对  <tr>  </tr>  标签表示 一行  ，我们前面的那个示例，我把<tr>

              标签没有写到一行，但他只要是一对，就代表着一行~！！  

              ===>>>

             

              当然了，你可能发现怎么这个表格看起来好着也好着，但是好像也不太对呢

              别急嘛，一步步往下看~！！ 

表头单元格标签  ： 

    

一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示。

< th >  标签表示 HTML 表格的表头部分 

基本语法 ：

<table>

        <tr>

               <th>   </th>

       </tr>

</table>

           

示例 ： 

        ​​​​​​​    

            如此，也就是 我们的第一行，现在使用的是表头单元格标签了~！！

            

            显然，你可以看到，表头是加粗的，也是居中的~！！ 

            

            总结 ： 表头单元格也是单元格，常用于表格第一行，突出重要性。

                         表头单元格里面的文字会加粗居中显示。