HTML th表格标题标记教程及示例

HTML提供了由行、列或单元格组成的表结构。在创建表的过程中,使用了多个标记

是用于创建表头的标记。表头是放在第一行的标签,用于解释行或列数据

标题单元格与标准单元格

表格用于以可读和优雅的方式提供表格数据。该表由多个单元格组成,这些单元格主要用于存储给定的数据,包括数字、文本甚至图像。但是为了显示这些数据并提供有关单元格、行和列的信息,使用了表头单元格。

表格标题单元格

创建带有表头的表

为了创建表头,我们将使用

标记。表格标题标签作为

的第一个块放置。在下面的示例中,我们将创建两个名为 Month Customer .

The table header example

MonthCustomer
January1000
February1200
创建带有表头的表

表格标题属性

表头提供了以下列出的一些属性。但随着HTML5的出现,这些属性中的大多数都变成了绝对属性。但它们目前可以在大多数浏览器中毫无问题地使用,但特性的使用是不一致的。

属性 价值 说明
缩写 文本 指定标题单元格中内容的缩写版本
排列 左边 正确的 居中 证明正当 烧焦 HTML5不支持。 对齐标题单元格中的内容
类别名称 HTML5不支持。 对标题单元格进行分类
BG颜色 rgb(x,x,x) #xxxxxx公司 色名 HTML5不支持。 指定标题单元格的背景色
烧焦 性格 HTML5不支持。 将标题单元格中的内容与字符对齐
查洛夫 HTML5不支持。 设置内容将与char属性指定的字符对齐的字符数
科尔斯潘 指定标题单元格应跨越的列数
标题 标题u id 指定与单元格相关的一个或多个标题单元格
高度 像素 %% HTML5不支持。 设置标题单元格的高度
诺拉普 诺拉普 HTML5不支持。 指定标头单元格内的内容不应换行
行跨度 指定标题单元格应跨越的行数
范围 列 列组 行 行组 指定标题单元格是列、行还是一组列或行的标题
垂直对齐 顶部 中间的 底部 基线 HTML5不支持。 垂直对齐标题单元格中的内容
宽度 像素 %% HTML5不支持。 指定标题单元格的宽度
表格标题属性

用CSS设置

表格标题样式

我们可以使用CSS属性来更改

表头的样式。我们可以使用CSS属性来设置样式,比如背景颜色、文本大小等。在下面的示例中,我们将使用inline CSS style属性来将表头背景设置为黄色。

  

The table header example

Month Customer
January 1000
February 1200

或者,我们可以使用

对齐 表格标题内容

表头内容可以在不同的方向上对齐。 align 属性用于对齐表头内容和 left , center , right , justify char 可以用作对齐方向。但请记住,它与HTML5是过时的。

The table header example

MonthCustomer
January100000000
February1200000000
对齐

表格标题内容

设置

表格标题的背景色

表头的背景色可以通过属性设置 bgcolor . 我们还可以使用CSS属性来设置背景色,这在上面已经解释过了。属性bgcolor值可以是颜色的名称或RGB代码的十六进制表示形式。

The table header example

MonthCustomer
January100000000
February1200000000
设置

表格标题的背景色

表头扩展或派生到多列

我们可以使用属性将单个表头跨接或扩展到多个列中 colspan . 我们将提供要跨越的列数。在下面的示例中,我们将跨越两列,其中两列都放在Customer表标题下。

The table header example

MonthCustomer
January100000000200000000
February12000000002200000000

表头扩展或派生到多列

设置

表格标题的宽度

默认情况下,将根据同一行中的其他单元格设置表头宽度。但是可以使用属性显式地设置表头的宽度 width . 在下面的示例中,我们将表头宽度设置为500px。

                     

The table header example

Month Customer
January 100000000
February 1200000000
设置

表格标题的宽度

相关文章: 如何使用“show Tables”SQL查询列出MySQL表?

© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞0
分享