HTML table中的tr、th和td有什么区别?如何使用?

2018年7月11日20:27:33HTML&CSSHTML table中的tr、th和td有什么区别?如何使用?已关闭评论1,158 views

HTML语句中的table中涉及tr、th和td标签,tr、th和td有什么区别?新手站长网举例子说明:文章源自新手站长网-https://www.xinshouzhanzhang.com/trthtd.html

table中的tr、th和td的区别

当我们使用HTML语句写表格时需要用到table标签,table标签中可以包含tr、th和td标签:文章源自新手站长网-https://www.xinshouzhanzhang.com/trthtd.html

  • tr标签:定义表格的行,tr标签嵌套在table标签里面;
  • td标签:定义单元格标签,td标签嵌套在tr标签里面;
  • th标签:定义表头单元格,就是第一横行的单元格,th标签嵌套在tr标签里面;
  • tr、th和td实例

    用HTML写一个表格,如下:文章源自新手站长网-https://www.xinshouzhanzhang.com/trthtd.html

    <table>
      <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>男</td>
        <td>25</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>女</td>
        <td>28</td>
      </tr>
      <tr>
        <td>王二麻子</td>
        <td>男</td>
        <td>29</td>
      </tr>
    </table>
    

    显示效果如下:文章源自新手站长网-https://www.xinshouzhanzhang.com/trthtd.html

    姓名 性别 年龄
    张三 25
    李四 28
    王二麻子 29

    table中的tr、th和td标签使用方法如上表所示,欢迎关注新手站长网!文章源自新手站长网-https://www.xinshouzhanzhang.com/trthtd.html