实例

一个简单的 HTML 表格,包含两行两列:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>    <td>January</td>
<td>$100</td>
</tr>
</table>

浏览器支持

定义和用法所有浏览器都支持 <td> 标签。

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

HTML 表格有两类单元格:

  • 表头单元 - 包含头部信息(由 th 元素创建)

  • 标准单元 - 包含数据(由 td 元素创建)

td 元素中的文本一般显示为正常字体且左对齐。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,td 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,td 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被支持的。

提示和注释

提示:请使用 colspan 和 rowspan 属性来实现内容横跨多个行或列。

可选的属性

属性 描述
abbr text 规定单元格中内容的缩写版本。
align
  • left

  • right

  • center

  • justify

  • char

规定单元格内容的水平对齐方式。
axis category_name 对单元进行分类。
bgcolor
  • rgb(x,x,x)

  • #xxxxxx

  • colorname

不赞成使用。请使用样式取而代之。

规定单元格的背景颜色。

char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 规定单元格可横跨的列数。
headers header_cells'_id 规定与单元格相关的表头。
height
  • pixels

  • %

不赞成使用。请使用样式取而代之。

规定表格单元格的高度。

nowrap nowrap

不赞成使用。请使用样式取而代之。

规定单元格中的内容是否折行。

rowspan number 规定单元格可横跨的行数。
scope
  • col

  • colgroup

  • row

  • rowgroup

定义将表头数据与单元数据相关联的方法。
valign
  • top

  • middle

  • bottom

  • baseline

规定单元格内容的垂直排列方式。
width
  • pixels

  • %

不赞成使用。请使用样式取而代之。

规定表格单元格的宽度。

全局属性

<td> 标签支持 HTML 中的全局属性。

事件属性

<td> 标签支持 HTML 中的事件属性。

HTML td 标签相关推荐

  1. table标签修改tr,td标签的行距

    修改tr标签的行距,tbale标签的td标签间距 看如下Css文件的代码,其都没有table的tr行距产生效果 tr{margin-top: 10px;padding: 10px; } td{marg ...

  2. HTML td 标签的 colspan 属性

    HTML <td> 标签的 colspan 属性 实例 表格单元横跨两列的表格: 浏览器支持 所以浏览器都支持 colspan 属性. 没有浏览器支持 colspan="0&qu ...

  3. html 字段大小,html td标签 限制字符长度

    览或讲琐了过自系一读页围这就多网解元当维${entity.newsTitle直分调浏器代,刚求的一学础过功互有解小久宗点差维含数 } titl和第,.年过事工宗据指数遍互业经搞断果会e标签体是 鼠标在 ...

  4. java 获取td_[Java教程]jQuery获取table表中的td标签

    [Java教程]jQuery获取table表中的td标签 0 2017-07-28 00:00:08 首先我来介绍一下我遇到的问题 1.当有一个table表包含了 标签,标签,大致可以认为是这样的: ...

  5. cmdb python 采集虚拟机_Python编程(三十四):CMDB后台管理、封装自定义JS组件、前端td标签定制显示内容及属性...

    一. CMDB后台管理 CMDB管理主要分为采集资产.API接口.后台管理.这里主要介绍CMDB后台管理. - 采集资产 - API - 后台管理- 资产列表- 业务线列表- 用户列表- 组列表... ...

  6. 表格table中的td标签中的内容太多,影响整体外观,不美观。将一部分内容隐藏起来,用省略号代替

    表格table中的td标签中的内容太多,影响整体外观,不美观.将一部分内容隐藏起来,用省略号代替. 招式:1.在table标签中加上style="table-layout: fixed;&q ...

  7. html表格中如何设置thtd的边框颜色,表格Table 的Th Td 标签设置背景颜色后边框消失如何解决?...

    表格Table的Th Td标签在设置背景颜色后,设置的边框消失了,出现此情况主要是因为 [background]属性 与 [position:relative;]同时使用的缘故. 解决方法:对Th T ...

  8. HTML基础之tr和td标签用法

    网页制作用的较多的就是这些常用的标签,现在将tr和td分析如下: 1.HTMLtr标签 tr 标签 -- 代表HTML表格中的一行 * tr标签是成对出现的,以<tr>开始,</tr ...

  9. th和td标签的区别?

    列表的题头用th标签,列表的内容用的是td标签,th中的字体加粗了,比th标签中的大,难道就这点区别了吗??

最新文章

  1. iOS逆向(1)——利用ipa重签名,3分钟iPhone安装多个微信
  2. CF232C Doe Graphs
  3. 《集体智慧编程》第五章 优化
  4. PWA(Progressive Web App)入门系列:Sync 后台同步
  5. 基于多线程的TCP局域网通信,客户端向服务端上传 文件简单实现源码
  6. 【信息融合】基于BP神经网络和DS 证据理论实现不确定性信息融合问题附matlab代码
  7. 物理-空间跳跃技术:空间跳跃技术
  8. 【线代】线性方程组求解概念:齐次/非齐次方程的解?非零解、无穷多解、求解、求通解、方程有解时求全部解,是什么意思?
  9. 为什么说微博、微信、贴吧、头条们都在做同一件事?
  10. FCAA答题练习收集记录
  11. MySQL中tinytext、text、mediumtext和longtext等类型详解
  12. 运用计算机思维可以解决什么问题,现在就开始读懂:什么是计算机思维?
  13. 火车头采集器V10下载-火车头采集器免费
  14. python爬取云顶之弈官网排名数据
  15. tunel凋亡试剂盒说明书_急求!!罗氏TUNEL试剂盒( In Situ Cell Death Detection Kit, TMR red )中文说明书或者操作步骤,急急急!!谢谢啦!...
  16. 复选框JCheckBox勾选改变内容
  17. 计算机专业进中国移动难吗,【计算机】中国移动面试技巧和注意事项
  18. Udacity 优达学院机器学习深度学习课程
  19. linux加载虚拟sriov网卡,网卡直通SR-IOV技术
  20. android播放器:MediaPlayer ExoPlayer ijkplayer

热门文章

  1. 我的Linux学习之路及参考书籍
  2. Java异常---巩固强化
  3. IPhone 手机屏幕 不显示了。 只有一个背景界面。其他都不显示。怎么回事。
  4. 错误C4996 'scanf': This function or variable may be unsafe. Consider using scanf_s instead. 最高效解决办法!!
  5. 2331. 计算布尔二叉树的值-深度优先遍历
  6. 百度面试官:来聊聊Spring吧
  7. 十沣科技船舶运动仿真 助力我国船舶研发设计提效降本
  8. Swagger3.0与Swagger2对比
  9. Linux格局发生着微妙变化 别对其感情用事
  10. 有哪些比较好的游戏图标推荐