您现在的位置: 365建站网 > 建站教程 > html教程 > HTML <td> 标签

HTML <td> 标签

此节有 165 人学习过     参与评论

定义和用法

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

HTML 表格有两类单元格:

  • 表头单元 - 包含头部信息(由 th 元素创建)
  • 标准单元 - 包含数据(由 td 元素创建)

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

实例

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

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

亲自测试一下

HTML 与 XHTML 之间的差异

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

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

提示和注释

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

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 描述 DTD
abbr text 规定单元格中内容的缩写版本。 STF
align
  • left
  • right
  • center
  • justify
  • char
    规定单元格内容的水平对齐方式。 STF
    axis category_name 对单元进行分类。 STF
    bgcolor
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

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

    规定单元格的背景颜色。

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

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

    规定表格单元格的高度。

    TF
    nowrap nowrap

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

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

    TF
    rowspan number 规定单元格可横跨的行数。 STF
    scope
    • col
    • colgroup
    • row
    • rowgroup
    定义将表头数据与单元数据相关联的方法。 STF
    valign
    • top
    • middle
    • bottom
    • baseline
    规定单元格内容的垂直排列方式。 STF
    width
    • pixels
    • %

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

    规定表格单元格的宽度。

    TF

    标准属性

    id, class, title, style, dir, lang, xml:lang

    如需完整的描述,请访问标准属性

    事件属性

    onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
    onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
    

    如需完整的描述,请访问事件属性

    TIY 实例

    表格
    这个例子演示如何在 HTML 文档中创建表格。
    表格边框
    本例演示各种类型的表格边框。
    没有边框的表格
    本例演示一个没有边框的表格。
    表格中的标题(Headings)
    本例演示如何显示表格标题。
    空单元格
    本例展示如何使用" "处理没有内容的单元格。
    带有标题的表格
    本例演示一个带标题(caption)的表格
    跨行或跨列的表格单元格
    本例演示如何定义跨行或跨列的表格单元格。
    表格内的标签
    本例演示如何显示在不同的元素内显示元素。
    单元格填充(Cell padding)
    本例演示如何使用单元格填充来创建单元格内容与其边框之间的空白。
    单元格间距(Cell spacing)
    本例演示如何使用单元格间距增加单元格之间的距离。
    向表格添加背景颜色或背景图像
    本例演示如何向表格添加背景
    向表格单元添加背景颜色或者背景图像
    本例演示如何向一个或者更多表格单元添加背景
    在表格单元中排列内容
    本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。
    框架(frame)属性
    本例演示如何使用 "frame" 属性来控制围绕表格的边框。

    如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

    发表评论 (165人查看0条评论)
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    昵称:
    最新评论
    ------分隔线----------------------------
    html教程目录

    快速入口

    · 365软件
    · 杰创官网
    · 建站工具
    · 网站大全

    其它栏目

    · 建站教程
    · 365学习

    业务咨询

    · 技术支持
    · 服务时间:9:00-18:00
    365建站网二维码

    Powered by 建站教程 RSS地图 HTML地图

    copyright © 2013-2024 版权所有 鄂ICP备17013400号