HTML
实例
一个简单的 HTML 表格,带有两个单元格:
Cell A | Cell B |
尝试一下 »(更多实例见页面底部)
浏览器支持
所有主流浏览器都支持
标签定义及使用说明
HTML 表格有两种单元格类型:
表头单元格 - 包含头部信息(由
标准单元格 - 包含数据(由
提示和注释
提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!
HTML 4.01 与 HTML5之间的差异
HTML 5 中不再支持 HTML 4.01 中的某些属性。
属性
属性
值
描述
abbr
text
HTML5 不支持。规定单元格中内容的缩写版本。
align
left
right
center
justify
char
HTML5 不支持。规定单元格内容的水平对齐方式。
axis
category_name
HTML5 不支持。对单元格进行分类。
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。
规定单元格的背景颜色。
char
character
HTML5 不支持。规定根据哪个字符来进行内容的对齐。
charoff
number
HTML5 不支持。规定对齐字符的偏移量。
colspan
number
规定单元格可横跨的列数。
headers
header_id
规定与单元格相关联的一个或多个表头单元格。
height
pixels
%
HTML5 不支持。HTML 4.01 已废弃。
设置单元格的高度。
nowrap
nowrap
HTML5 不支持。HTML 4.01 已废弃。
规定单元格中的内容是否折行。
rowspan
number
设置单元格可纵跨的行数。
scope
col
colgroup
row
rowgroup
HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
valign
top
middle
bottom
baseline
HTML5 不支持。规定单元格内容的垂直排列方式。
width
pixels
%
HTML5 不支持。HTML 4.01 已废弃。
规定单元格的宽度。
全局属性
事件属性
尝试一下 - 实例
表格中的标题
本例演示如何显示表格标题。
空单元格
本例演示如何使用 " " 处理没有内容的单元格。
带有标题的表格
本例演示一个带标题(caption)的表格。
表格内的标签
本例演示如何在其他的元素内显示元素。
跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。
相关文章
HTML 教程:HTML 表格
HTML DOM 参考手册:
Td 对象