html表格中的tr、 td、 td分别是什么意思

html-css012

html表格中的tr、 td、 td分别是什么意思,第1张

<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语言标签)

tr是“tablerow(表格行)”的缩写,用于表示一行的开始和结束。

td是“tabledata(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。

首标签<table>和尾标签</table>分别表示一个表格的开始与结束。

<tr>标签定义 HTML 表格中的行。

tr 元素包含一个或多个 th 或 td 元素。

在 HTML 4.01 中,tr 元素的 "bgcolor" 是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,tr 元素的 "bgcolor" 是不被支持的。

扩展资料

html的tr和td标签的属性:

tr 标签:

Common -- 一般属性

1、align :代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | justify)(此属性应该使用CSS实现)。

2、valign :代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)。

td 标签的属性:

1、Common -- 一般属性;

2、abbr -- 代表表头的简写;

3、axis -- 对单元格在概念上分类;

4、colspan -- 一行跨越多列;

5、headers -- 连接表格的数据与表头;

6、rowspan -- 一列跨越多行;

7、scope -- 定义行或列的表头;

8、align -- 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现)。

9、valign -- 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)。

一搜娱乐

关注

方法/步骤总结:相关推荐

步骤1/6

新建一个html文件,命名为test.html,用于讲解html中怎么让td中的字显示在一行。

步骤2/6

在test.html文件内,使用table标签创建一个表格,同时定义其边框为1px,方便查看效果。

步骤3/6

在test.html文件内,设置表格的class属性为mytable,主要用于设置表格样式。

步骤4/6

在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

步骤5/6

在css标签中,通过class设置td单元格的样式,定义td的宽度为100px,同时,将white-space属性设置为nowrap,实现文字显示在一行。

步骤6/6

在浏览器打开test.html文件,查看实现的效果。