table中的th标签

table中的th标签,第1张

规范写法是th在tr中,如不写tr,浏览器会自动加上tr

浏览器会对一些错误进行修正,如一些未闭合的标签,浏览器会自动闭合修正(但并不是所有错误都能够修正)

规范的写法是加tr,不加tr能正常显示,但不推荐

表格的规范写法如

<table>

<thead>

<tr><th></th></tr>

</thead>

<tbody>

<tr><td></td></tr>

</tbody>

<tfoot>

...

</tfoot>

通常thead、tbody、tfoot省略,浏览器会自动添加tbody

区别如下:

1、定义不同。

tr是一种HTML语言标签,代表HTML表格中的一行。th是定义表格内的表头单元格。td是代表HTML表格中的一个单元格。

2、用法不同。

tr标签是成对出现的,以<tr>开始,</tr>结束,表头单元格 - 包含表头信息(由 th 元素创建),标准单元格 - 包含数据(由 td 元素创建)。

3、关系不同。

一组<td>标签将建立一个单元格,<td>标签必须放在<tr>标签内,<td>标示行中的一个列,需要嵌套在<tr></tr>中间。

4、文字字体不同。

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

参考资料来源:百度百科-tr

参考资料来源:百度百科-td

参考资料来源:百度百科-th

1关于<tr>标签

<table>是<tr>的上层标签

<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.

<tr>...</tr>定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。

<table>标示一个表格,<tr>标示这个表格中间的一个行

<td>标示行中的一个列,需要嵌套在<tr></tr>中间

这里是一个例子:(两行两列)

<table>

<tr>

<td>www.ihuby.com</td>

<td>www.vvoov.com</td>

</tr>

</teble>

2关于<th>标签

<th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中

<th>...</th>定义表头单元格。表格中的文字将以粗体显示。<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:

<th>网站制作</th>的显示效果相当于<td><b>文字</b></td>

在表格中也可以不用此标签,不过如果使用的话,<th>标签必须放在<tr>标签内

3

关于<td>标签

<td>...</td>定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签必须放在<tr>标签内。

<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。

其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:

row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。

col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。

rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。

colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。

abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。


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

原文地址: http://outofmemory.cn/bake/7944304.html

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

发表评论

登录后才能评论

评论列表(0条)

保存