品优网络 十六年(2003-2018)专注
当前位置:网站首页 >> 宁波网站建设
网站制作中TR、TH和TD的区别
日期:2014-12-27 作者:admin 来源: 浏览次数:0 网友评论 0

企业网站推广1

对于技术来说,一种是用DIV来做的,一种是用表格来排版的,虽然东莞网站制作公司建议大家做网站采用DIV技术,不过,这不妨碍表格建站有很大的市场,并且事实上表格制作的网站表现也是很好的,不管对于排名还是显示(事实上,表格网站显示方面可能会更好,更加兼容)。

对于网站初学者,利用表格就可以做不错的网站了,但是如果深入去了解表格代码,那么熟悉的人就不多了,重点表现在表格结构,表格中TR、TH和TD的区别等。下面来分析一下。

关于<tr>标签
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单前几使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间

这里是一个例子:(两行两列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>

关于<th>标签
<th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
<th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<TH>与<TD>同样是标示一个储存格,**不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:
<th>网站制作</th>的显示效果相当于<td><b>文字</b></td>

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

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

<th>为表格标题,属性summar为摘要,<caption>标签为前几部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:

row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。
col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。
rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。
colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。
abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。

下面是一个标准表格模型
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>

关于TR、TH和TD标签的相关信息
<th>不光是粗体,还是居中的
<caption>也是居中的,而且如果table有border的话则caption不在border之内
TFOOT 元素内包含的有效标签有:
TD
TH
TR
任何给定的 table 对象都只能定义一个tFoot。

网站制作中TR、TH和TD的区别,希望对您有用。

企业网站推广2

查看更多宁波网站建设网站制作区别TR

宁波网站建设 (http://www.c36.cn/) 版权与免责声明
    1、凡本网注明“来源:宁波品优网络”字样的所有作品,版权均属于浙江省宁波海曙品优网络技术有限公司,如需转载、摘编或利用其它方式使用上述作品,请与本网联系。
    2、凡本网注明“来源:XXX(非宁波品优网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。宁波网站建设的转载仅为信息的广泛传播,如有侵权请及时告之删除。
返回:宁波网站建设