概念：
1.表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
2.表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。
格式:
<table>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table><table>标签 属性：
| 属性 | 值 | 含义 |
| width | %或pixels | 规定表格的宽度 |
| height | % | pixels | 规定表格的高度 |
| align | Left|center|right | 规定表格相对周围元素的对齐方式 |
| bgcolor | 颜色值 | 规定表格的背景颜色 |
| border | pixels | 规定表格边框的宽度 |
| bordercolor | 颜色值 | 定义表格整体的框线色 |
| background | URI | 指定表格的背景图案，URI指向图像文件的位置 |
| cellpading | 长度值 | 指定单元格里面的内容和单元格边框之间的间隔，即填充距，属性值可为整数的像素值或百分比值 |
| cellspacing | 长度值 | 指定单元格里面的内容和单元格边框之间的间隔，即填充距，属性值可为整数的像素值或百分比值 |
<tr>标签属性：
| 属性 | 值 | 含义 |
| align | Left,right,center | 定义表格行的内容水平对齐方式 |
| valign | Top,middle,bottom | 定义表格行的内容垂直对齐方式 |
| bgcolor | 颜色值 | 定义表格行的背景颜色 |
<th>和<td>属性
<th></th>表格标题单元格：加粗居中显示
<td></td>表格数据单元格
| 属性 | 值 | 含义 |
| width | % | pixels | 规定表格单元格的宽度。 |
| height | % | pixels | 规定表格单元格的高度。不支持。请使用 CSS 代替。 |
| align | left | center | right | 规定单元格内容的水平排列方式 |
| valign | top | middle | bottom | 规定单元格内容的垂直排列方式 |
| bgcolor | 颜色值 | 规定单元格的背景颜色。不支持。请使用 CSS 代替。 |
| background | URI | 定义单元格的背景图案 |
| rowspan | 正整数 | 设置当前单元格的在垂直方向上合并单元格的个数。 |
| colspan | 正整数 | 设置当前单元格的在水平方向上合并单元格的个数。 |
<caption>——表格标题
概念
定义表格标题
语法
<caption align=“left或center或right”>内容</caption>
说明：
用来指定表格的标题或说明
caption为table的子元素，且只能在table元素内，应该出现在紧随table开始标签之后，而一个table只能有一个caption
终止标签不可省略
下边例子是个工作证Demo
代码如下：
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>很细边线的表格实现</title>
</head>
<body>
<table cellpadding="10" align="center" border="1" rules="all">
<caption><h2>工作证</h2></caption>
<tr>
<th>姓名</th>
<td width="100"> </td>
<td rowspan="3"><img src="wukong.jpg" width="100" /></td>
</tr>
<tr>
<th>部门</th>
<td> </td>
</tr>
<tr>
<th>职务</th>
<td> </td>
</tr>
<tr>
<th>时间</th>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
11万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
