HTML语言中TR、TH和TD有什么区别?

HTML语言中TR、TH和TD有什么区别?,第1张

TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:<th>文字</th>=<td><b>文字</b></td>---------------------------------------------------------------------------------------<table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.<table>标示一个表格,<tr>标示这个表格中间的一个行<td>标示行中的一个列,需要嵌套在<tr></tr>中间具体格式是:(两行两列)<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></teble><th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中<table>...</table>用于定义一个表格开始和结束<th>...</th>定义表头单元格。表格中的文字将以粗体显示,在表格中也可以不用此标签,<th>标签必须放在<tr>标签内<tr>...</tr>定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格<td>...</td>定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签必须放在<tr>标签内

<tr></tr>、<td></td>属于HTML语言标签,含义如下:

1、tr 标签 ,代表HTML表格中的一行,tr标签是成对出现的,以<tr>开始,以</tr>结束。例如,

<table border="1">

<tr>(开始)

<th>Month</th>

<th>Savings</th>

</tr>(结束)

2、td 标签 , 代表HTML表格中的一个单元格,td标签是成对出现的,以<td>开始,以</td>结束。例如,

<table border="1">

<tr>

<td>Cell A</td>

<td>Cell B</td>

</tr>

</table>

扩展资料

HTML 表格有两种单元格类型:

表头单元格 - 包含头部信息(由 <th>元素创建)

标准单元格 - 包含数据(由 <td>元素创建)

<th>元素中的文本通常呈现为粗体并且居中。

<td>元素中的文本通常是普通的左对齐文本。

如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性。

参考资料来源:百度百科-TD (HTML标签)

参考资料来源:百度百科-TR (HTML语言标签)

严格的说:

<td><th><tr>不是css属性,而是html里面的table标签。

理解什么意思,看下面案例:一个3行3列的带有表头的表格

<table>

    <thead>

        <tr>

        <th>表头单元格</th>

        <th>表头单元格</th>

        <th>表头单元格</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

    </tbody>

</table>

从上面可以看出:

th为表头单元格的专属,在html 语言中,th单元格会有加粗的效果。

tr为“行”属性,一个tr就是一行,th、td属性都必须在tr内显示。属于包含关系。

td为具体内容的单元格容器,为table的底层元素,所有内容的呈现都在td内显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7010961.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存