码迷,mamicode.com
首页 > 其他好文 > 详细

表格标签

时间:2019-06-03 21:44:14      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:html   cap   设置   结合   htm   The   strong   对齐   标准   

<table> 标签

标签定义及使用说明

  • <table> 标签定义 HTML 表格
  • 一个 HTML 表格包括 <table> 元素,一个或多个 <tr><th> 以及 <td> 元素。
  • <tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。
  • 更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。

属性:

  • border     规定表格单元是否拥有边框。
  • width:规定表格的宽度。
  • cellpadding:定义内容和单元格的距离
  • cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、

<tr> 标签

标签定义及使用说明

  • <tr> 标签定义 HTML 表格中的行。
  • 一个 <tr> 元素包含一个或多个 <th><td> 元素。

属性

  • bgcolor:规定表格行的背景颜色。
  • align:定义表格行的内容对齐方式。

<td> 标签

标签定义及使用说明

  • <td> 标签定义 HTML 表格中的标准单元格。
  • HTML 表格有两种单元格类型:表头单元格 - 包含头部信息(由 <th> 元素创建)标准单元格 - 包含数据(由 <td> 元素创建)
  • <th> 元素中的文本通常呈现为粗体并且居中。
  • <td> 元素中的文本通常是普通的左对齐文本。

属性:

  • colspan:规定单元格可横跨的列数。
  • rowspan:设置单元格可横跨的行数。

<th> 标签

标签定义及使用说明

  • <th> 标签定义 HTML 表格中的表头单元格。
  • HTML 表格有两种单元格类型:表头单元格 - 包含头部信息(由 <th> 元素创建)标准单元格 - 包含数据(由 <td> 元素创建)
  • <th> 元素中的文本通常呈现为粗体并且居中。
  • <td> 元素中的文本通常是普通的左对齐文本。

<caption> 标签

标签定义及使用说明

  • <caption> 标签定义表格的标题。
  • <caption> 标签必须直接放置到 <table> 标签之后。
  • 您只能对每个表格定义一个标题。
  • 注意:通常这个标题会被居中于表格之上。然而,CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置

 

<thead>、<tbody> 和 <tfoot> 标签

  • <thead> 元素应该与 <tbody><tfoot> 元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。
  • <thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。

 

表格标签

标签:html   cap   设置   结合   htm   The   strong   对齐   标准   

原文地址:https://www.cnblogs.com/wurengen/p/10970009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!