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

HTML&CSSHTML table中的tr、th和td有什么区别?如何使用?已关闭评论1,541

HTML语句中的table中涉及tr、th和td标签,tr、th和td有什么区别?新手站长网举例子说明:

table中的tr、th和td的区别

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

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

    用HTML写一个表格,如下:文章源自新手站长-https://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://xinshouzhanzhang.com/trthtd.html

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

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

    【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

    【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

    2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

    注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

     最后更新:2018-7-31
    HTML&CSS

    HTML文本标签、程序代码和引用标签大全

    HTML文本格式化标签表,包括文本标签、程序和引用标签: HTML文本格式化标签表: 标签 描述 <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 ...
    HTML&CSS

    table td自适应宽度设置(根据内容自动拉伸)

    table td或th如何格局单元格内容自适应宽度?table td th根据表格内容自动拉伸CSS属性,新手站长网分享内联样式style和CSS方法: table td th自适应宽度样式 内联样式...