html< th>表头单元格标签笔记

原创 PHP笔记  2017-08-30 22:08  阅读 2,276 views 次

<th>标签定义及用法

1、在html中,<th>标签是用来定义html表格中的表头单元格,通常应用在<table>标签中的第一个元素。

2、html表格有两种单元格类型:a、表头单元格(包含头部信息,由<th>标签定义);b、标准单元格(包含数据,由<td>标签定义)。

3、<th>标签内的文本呈现为粗体并且居中;<td>标签内的文本呈现普通的左对齐文本。

4、如果要将内容横跨多个行或列,会用到colspan属性和rowspan属性来实现。

<th>标签基本属性

  • 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_id)。
  • height:单元格的高度(值:pixels、%)。
  • nowrap:单元格中的内容是否折行(值:nowrap)。
  • rowspan:单元格可横跨的行数(值:number)。
  • scope:定义将表头单元格与数据单元格相关联的方法(值:col、colgroup、row、rowgroup)。
  • valign:单元格内容的垂直排列方式(值:top、middle、bottom、baseline)。
  • width:单元格的宽度(值:pixels、%)。

说明:上边属性除了colspan、headers、rowspan、scope属性外,html5已经不支持,一般使用css样式表来实现更丰富的效果。

<th>标签支持html全局属性和html事件属性

格式:

<table border="1">
<tr>
<th>...</th>
......
</tr>
......
</table>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< th>表头单元格标签笔记_PHP笔记</title>
</head>
<body>
<table border="1">
<tr>
<th>表头单元格1</th>
<th>表头单元格2</th>
<th>表头单元格3</th>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
<tr>
<td>第三行第一列</td>
<td>第三行第二列</td>
<td>第三行第三列</td>
</tr>
<tr>
<td>第四行第一列</td>
<td>第四行第二列</td>
<td>第四行第三列</td>
</tr>
</table>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-th.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情