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

HTML <th> 标签

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

定义和用法

定义表格内的表头单元格。

HTML 表单中有两种类型的单元格:

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

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

实例

普通的 HTML 表格,包含两行两列:

<table border="1">
  <tr>
    <th>Company</th>
    <th>Address</th>
  </tr>
  <tr>
    <td>Apple, Inc.</td>
    <td>1 Infinite Loop Cupertino, CA 95014</td>
  </tr>
</table>

亲自试一试

提示和注释

提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,th 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 属性是不被推荐使用的。

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

可选的属性

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 idrefs 由空格分隔的表头单元格 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" 属性来控制围绕表格的边框。

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

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

    快速入口

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

    其它栏目

    · 建站教程
    · 365学习

    业务咨询

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

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

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