HTML <table> 标签用于在网页上创建表格,表格由行和列组成,可以用来展示数据或布局页面内容。
语法
-- -------------------- ---- -------
-------
----
------------
------------
-----
----
------------
------------
-----
--------属性
border: 设置表格边框的大小cellpadding: 设置单元格内边距cellspacing: 设置单元格之间的间距width: 设置表格宽度height: 设置表格高度align: 设置表格水平对齐方式valign: 设置表格垂直对齐方式
示例
-- -------------------- ---- -------
------ ---------- --------------- --------------- -------------
----
-----------
-----------
-----
----
-----------
-----------
-----
----
-----------
-----------
-----
--------注意事项
<table>标签必须包含至少一个<tr>标签,<tr>标签代表表格中的一行- 每行中使用
<th>标签定义表头单元格,使用<td>标签定义数据单元格 - 使用 CSS 样式来美化表格,避免使用过多的边框和颜色,保持简洁易读
| 属性 | 值 | 描述 |
|---|---|---|
| align | left center right | HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。 |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。 |
| border | 1 | HTML5 不支持。规定表格单元是否拥有边框。 |
| cellpadding | pixels | HTML5 不支持。规定单元边沿与其内容之间的空白。 |
| cellspacing | pixels | HTML5 不支持。规定单元格之间的空白。 |
| frame | void above below hsides lhs rhs vsides box border | HTML5 不支持。规定外侧边框的哪个部分是可见的。 |
| rules | none groups rows cols all | HTML5 不支持。规定内侧边框的哪个部分是可见的。 |
| summary | text | HTML5 不支持。规定表格的摘要。 |
| width | pixels % | HTML5 不支持。规定表格的宽度。 |