威凡网全力打造:网页编程、软件开发编程、平面设计、服务器端开发、操作系统等在线学习平台!学编程,上威凡网!
HTML5教程>> HTML5入门 HTML5技巧 HTML5高阶
当前位置:首页 > HTML5教程 > HTML5入门
上一节 下一节
 HTML <table> 标签

html <table> 标签

实例

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

<table border="1">   <tr>
    <th>month</th>
    <th>savings</th>
  </tr>
  <tr>
    <td>january</td>
    <td>$100</td>
  </tr></table> 

 

浏览器支持

 

所有浏览器都支持 <table> 标签。

定义和用法

<table> 标签定义 html 表格。

简单的 html 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 html 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

html 与 xhtml 之间的差异

在 html 4.01 中,table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。

在 xhtml 1.0 strict dtd,table 元素的 "align" 和 "bgcolor" 属性是不被支持的。

可选的属性

属性 值 描述
align
  • left
  • center
  • right

不赞成使用。请使用样式代替。

规定表格相对周围元素的对齐方式。

bgcolor
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式代替。

规定表格的背景颜色。

border pixels 规定表格边框的宽度。
cellpadding
  • pixels
  • %
规定单元边沿与其内容之间的空白。
cellspacing
  • pixels
  • %
规定单元格之间的空白。
frame
  • void
  • above
  • below
  • hsides
  • lhs
  • rhs
  • vsides
  • box
  • border
规定外侧边框的哪个部分是可见的。
rules
  • none
  • groups
  • rows
  • cols
  • all
规定内侧边框的哪个部分是可见的。
summary text 规定表格的摘要。
width
  • %
  • pixels
规定表格的宽度。

全局属性

<table> 标签支持 html 中的全局属性。

事件属性

<table> 标签支持 html 中的事件属性。

tiy 实例

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

申明:本教程内容由威凡网编辑整理并提供IT程序员分享学习,如文中有侵权行为,请与站长联系(QQ:254677821)!
上一节 下一节
相关教程  
其他教程  
HTML5入门
HTML5技巧
HTML5高阶

违法和不良信息举报中心】邮箱:254677821@qq.com
Copyright©威凡网 版权所有 苏ICP备2023020142号
站长QQ:254677821