HTML中tr、th和td

简介: HTML中tr、th和td

一、table中的tr与td标签

<table>用来定义一个表格

<tr>定义这个表格中间一个行

<td>定义行中的一个列,用时需要嵌套在<tr></tr>中间

两行两列的表格如下




代码表示为:

<table> 
    <tr> 
        <td></td> 
        <td></td> 
    </tr> 
    <tr> 
        <td></td> 
        <td></td> 
    </tr> 
</teble>

二、table中的th与td标签

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

三、table中的th与td标签

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

  • <th>...</th> 定义表头单元格。表格中的文字将以粗体显示,<th>标签必须放在<tr>标签内

  • <td>...</td>定义单元格标签,一组<td>标签将建立一个单元格,<td>标签必须放在<tr>标签内
相关文章
|
7月前
|
前端开发
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
|
JavaScript
循环遍历获取table中的td,tr
html中获取table的td,tr数据
346 0
td标签不用tr强制换行
废话不多说,直接上代码。
172 0
td标签不用tr强制换行
HTML <td> 标签的 colspan 属性
HTML <td> 标签的 colspan 属性
167 0
|
JavaScript 前端开发 索引
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
705 0
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
|
Web App开发
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
123 0
HTML table标签和其子标签如td,td等不同区域focus然后回车的行为差异
|
5天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
19 0
HTML5/CSS3粒子效果进度条代码
|
5天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践 “【5月更文挑战第6天】”
27 1