HTML
标签示例
一个两行两列的简单HTML表格:
月 | 收入 |
---|---|
一月 | $100 |
试一个 »
(本页底部提供了更多示例)
定义及用法
标签用于定义HTML表格里的一个表头单元格(header cell)。HTML表格有两种单元格:
表头单元格(header cell)——用于容纳表头信息(用
定义)标准单元格(standard cell)——用于容纳数据(用
定义)里的文本将用粗体居中显示。里的文本将正常左对齐显示。浏览器支持
所有主流浏览器均支持
标签。HTML和XHTML之间的差异
无
提示和注意
提示:可通过rowspan或colspan属性令内容跨越多行或多列。
可选属性
DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。
属性
值
描述
DTD
文本
定义单元格内容的缩写版本
STF
left
right
center
justify
char
设置单元格内容的水平对齐方式
STF
类别名称
对单元格进行分类
STF
rgb(x,x,x)
#xxxxxx
颜色名
被弃用的。 请采用样式作为替代。
为单元格指定背景颜色
TF
字符
指定以哪个字符为基准进行对齐
STF
数字
指定相对于第一个对齐字符的偏移量
STF
数字
指定单元格跨越的列数
STF
像素
%
被弃用的。 请采用样式作为替代。
设置单元格的高度
TF
nowrap
被弃用的。 请采用样式作为替代。
指出单元格里的内容不应折行
TF
数字
指定单元格跨越的行数
STF
col
colgroup
row
rowgroup
定义了一种在表格里关联表头单元格与数据单元格的方式
STF
top
middle
bottom
baseline
设置单元格内容的垂直对齐方式
STF
像素
%
被弃用的。 请采用样式作为替代。
设置单元格的宽度
TF
核心属性
标签支持以下核心属性:属性
值
描述
DTD
class
类名
指明元素的类名
STF
dir
rtl
ltr
指定元素里内容的文本方向
STF
id
id
指明元素的唯一id
STF
lang
语言代码
指定元素内容的语言代码
STF
style
样式定义
指定元素的内嵌样式
STF
title
文本
指定元素的提示文本
STF
xml:lang
语言代码
在XHTML文档中指定元素内容的语言代码
STF
更多关于核心属性的信息。
事件属性
标签支持以下事件属性:属性
值
描述
DTD
onclick
脚本
在元素区域内单击鼠标(不区分左右键)时执行脚本
STF
ondblclick
脚本
在元素区域内双击鼠标(不区分左右键)时执行脚本
STF
onmousedown
脚本
在元素区域内按下鼠标键(不区分左右键)时执行脚本
STF
onmousemove
脚本
当鼠标指针在元素区域内移动时执行脚本
STF
onmouseout
脚本
当鼠标指针移出元素区域时执行脚本
STF
onmouseover
脚本
当鼠标指针移入元素区域时执行脚本
STF
onmouseup
脚本
在元素区域内松开鼠标键(不区分左右键)时执行脚本
STF
onkeydown
脚本
按下一个键时执行脚本
STF
onkeypress
脚本
按下并松开一个键时执行脚本
STF
onkeyup
脚本
松开一个键时执行脚本
STF
更多关于事件属性的信息。
试一个——示例
表格边框
本例演示了各种不同的表格边框。
表头
本例演示了如何为表格添加表头。
空单元格
本例演示了如何用“ ”来解决空单元格的显示问题。
表格标题
本例演示了如何为表格添加一个标题。
在表格里嵌入其他元素
本例演示了如何在单元格里嵌入其他HTML元素。
跨越多行或多列的单元格
本例演示了如何指定一个单元格跨越多行或多列。
单元格内边距
本例演示了如何通过设置单元格内边距(cell padding)来调节单元格内容与边框之间的空白。
单元格间距
本例演示了如何通过设置单元格间距(cell spacing)来调节单元格之间的距离。
为表格增添背景色或背景图
本例演示了如何给表格添加背景。
frame属性
本例演示了如何通过“frame”属性来调节表格四周的边框。