HTML中tr、th和td

本文涉及的产品
转发路由器TR,750小时连接 100GB跨地域
简介: 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>标签内
相关文章
|
前端开发
前端第二课,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数据
415 0
td标签不用tr强制换行
废话不多说,直接上代码。
203 0
td标签不用tr强制换行
HTML <td> 标签的 colspan 属性
HTML <td> 标签的 colspan 属性
212 0
|
JavaScript 前端开发 索引
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
744 0
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。
|
12天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧,包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录,便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码,帮助读者更好地理解和应用这些知识点。
34 1
[HTML、CSS]细节与使用经验
|
13天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
27 1
[HTML、CSS]知识点