2018-06-12——表格

2018-06-13 本文已影响0人 Ariel_wyy

表格

表格由<table>标签来定义。每个表格都有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">//边框属性，设置显示带有边框的表格。

<tr>

<th>Heading</th>//表头标签，大多数浏览器会显示为粗体居中的文本

</tr>

</table>

表格标签

表格描述

<table> 定义表格 border属性确定边框大小，border=0时无边框（默认情况无边框）

<caption> 定义表格标题

<th> 定义表格的表头

<tr> 定义表格的行

<td> 定义表格的列

<thead> 定义表格的页眉

<tbody> 定义表格的主体

<tfoot> 定义表格的页脚

<col> 定义用于表格列的属性

<colgroup> 定义表格列的组

跨行或跨列的表格

横跨两行：<th rowspan="2"></th>

横跨两列：<th colspan="2"></th>

使用 "frame" 属性来控制围绕表格的边框。

<table frame="box"> 整个边框

<table frame="above"> 上方边框

<table frame="below"> 下方边框

<table frame="hsides"> 上下方边框

<table frame="vsides"> 左右边框

设置表格的大小

使用width和heighth

设置表格的边框

<border> 设置表格边框的宽度（线的粗细·）

<bordercolor> 设置边框的颜色（前提是边框宽度不能为0）

<cellspacing> 定义表格内部各个单元格之间的宽度

<cellpading> 定义表格内文字与边框的距离

设置表格背景

<bgcolor> 设置表格背景颜色

<background> 设置表格背景图像，其属性值为一个URL地址

设置表格的行属性

<height> 设置行的高度

<bordercolor> 为单独的行设置其外框颜色

<bgcolor> <background> 为行设置单独的背景颜色和背景图像

<align> 行文字的水平对齐方式，包括3种：left center right。当设置的是表格标题的对齐方式时，其水平对齐方式与其他行相同，垂直对齐方式是指标题位于表格的上方或下方。

<vaign> 行文字的垂直对齐方式

设置单元格对齐方式

<width、height> 指定单元格的高度和宽度，单位是像素

<colspan> 指定单元格水平跨度

，单元格跨越几列

<rolspan> 指定单元格垂直方向上跨行

<valign> 指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。属性值包括：top middle bottom baseline

<align> 指定某一个单元格里的内容（文本、图片等）水平对齐方式，取值可以是left、center或right。

<bgcolor> 指定单元格背景颜色。

<bordercolorlight> 指定单元格的亮边框。

<bordercolordark> 指定单元格的暗边框。

<background> 指定单元格的背景图像。