在table中tr和td 有啥区别

Posted 2023-05-09

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

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

<td> 标签定义 HTML 表格中的标准单元格。

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

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

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

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

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

示例：

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 参考技术A tr是一行，td是一行中的列
<tr>
<td>name</td>
<td>age</td>
</tr>
<tr>
<td>lwd</td>
<td>23</td>
</tr>
这种效果 name age
lwd 23 参考技术B 首先 这些标签都出现于 html样式布局中 table用于搭建表格 代表一个整体 tr为行 从属于table td为列 从属于tr 这样 像 <table ><tr><td>你好</td></tr></table>就可以作为表格形式存在于html中
<th>和<td>一样,也是需要嵌套在<tr>当中的,<th>...</th> 定义表头单元格。表格中的文字将以粗体显示<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,还是居中的本回答被提问者采纳 参考技术C tabale就是表
tr其实就是table row也就是表中的行
td同理就是一个单元格嘛，
所以一个表中有多行，每个行里可以有多个单元格
所以一个比较完整的表自然就是
<table>
<tr><td></td><td></td><tr>
<tr><td></td><td></td><tr>
</table>

<table><tr>margin 不管用了

<table>
<tr style="margin-top:50px;"><td>111</td></tr>
<tr style="margin-top:50px;"><td>111</td></tr>
<tr style="margin-top:50px;"><td>111</td></tr>
<tr style="margin-top:50px;"<td>111</td></tr>
</table>
可是 这个margin 不管用了 ， 求高手帮忙

<div>
<ul>
<li style="margin-top:50px;"><span>111</span></li>
<li style="margin-top:50px;"><span>111</span></li>
<li style="margin-top:50px;"><span>111</span></li>
<li style="margin-top:50px;"<span>111</span></li>
</ul>
</div>
这样写就管用了 参考技术A 可以通过设置padding起作用，达到相同的效果 参考技术B 将Tr设置成块级元素就好了
tr
display:block;
margin-top:50px;