1.表格的基本属性

属性

取值

描述

align

left、center、right

设置表格相对周围元素的对齐方式

bgcolor

rgb(x,x,x)、#XXXXXX、colorName

设置表格背景颜色

border

像素

设置表格边框宽度

cellpadding

像素或百分比

设置单元格与其内容之间的距离

cellspacing

像素或百分比

设置单元格之间的距离

height

像素或百分比

设置表格高度

width

像素或百分比

设置表格宽度

rules

none、groups、rows、cols、all

设置表格中表格线显示方式,默认是all

frame

void、above、below、hsides(显示顶部或底部边框)、vsides(只显示左右两侧边框)、lhs(只显示左侧边框)、rhs(只显示右侧边框)、box或border(显示表格所有边框、不指定时的默认边框)

设置表格外部边框的显示方式

2.单元格标签基本属性(<th><td>

属性

描述

align

设置单元格对齐方式:left、center、right、justify(两端对齐)

valign

设置单元格内容的垂直对齐方式:top、middle、bottom、baseline

rowspan

设置单元格跨越的行数

colspan

设置单元格跨越的列数

scope

定义将表头数据域单元数据相关联的方法

width

设置单元格宽度

height

设置单元格高度

bgcolor

设置单元格背景颜色

空白单元格:&nbsp
3.行标签(<tr>)基本属性

属性

描述

align

设置单元格内容水平对齐方式

valign

设置单元格内容垂直对齐方式

bgcolor

设置单元格的背景颜色

bordercolor

设置行内单元格边框颜色

bordercolordark

设置行内单元格的左上边框颜色

bordercolorlight

设置单元格右下边框颜色

4.表格的行分组

<thead>定义表头、用于创建表格的头部信息(在表格中只出现一次)
<tfoot>定义表尾,用于创建表格的脚注部分(在表格中只出现一次)
<tbody>定义表格主体,用于表示表格的主题部分(表格中可以包含多个)
<caption>定义表格标题,显示在整个表格的上方

5.表格列分组使用<colgroup>标签

属性

描述

align

设置单元格内容水平对齐方式

valign

设置单元格内容垂直对齐方式

span

规定该列组该横跨的列数、默认是1

width

设置列组合宽度

6.框架(frame)
(1)框架能够将浏览器窗口划分为多个独立的窗格,每个窗格包含一个独立的HTML页面
(2)用户可以通过框架加载或重新加载单个窗格内容,而不需要重新加载浏览器窗口的所有内容。相对框架而言,整个浏览器窗格对应的框架集合称为框架集(frameset)
(3)在html中,使用框架集标签来划分页面框架,使用属性rows或clos说明框架的行数或列数以及所占窗口的比例。

<frameset rows="行高度所占窗口的像素或比例"
clos="列宽度所占窗口的像素或比例">
 	<frame src="">
</frameset>

7.框架集属性

属性

描述

rows

设置框架集中包含框架的行数,以及对应高度

cols

设置框架集中包含框架的列数,以及对于的宽度

frameborder

设置框架集中的边框是否显示,取值为1、0或yes、no,边框本身不能调整宽度

bordercolor

设置框架集的边框颜色

framespacing

框架与框架间的空白距离

rows和clos属性的四种取值形式:
以像素为单位的绝对值
浏览器窗口的百分比
行或列之间的相对宽度
混合度量尺度
8.框架的属性:

属性

描述

name

设置框架的名称,在设置超链接时用作框架的标记

src

设置框架中显示页面的url

frameborder

设置框架的边框是否显示,取值为0或1

marginheight

定义内容与上下边缘的高度,默认为1

marginwidth

定义内容与框架的左右边缘宽度,默认为1

scrolling

设置框架中是否显示滚动条,取值为yes、no和auto

noresize

设置框架不能调整大小

9.内联框架
内联框架(又称行内框架),可以出现在页面的任何位置,比框架集更加灵活。
内联框架是嵌入到页面中的一个区域,通过<iframe>标签引入另一个页面资源,无需<frameset>标签协助。

<iframe src="url" name=" " width=" " height=" "></iframe>

10.内联框架属性:

属性

描述

align

设置iframe与周围文本对齐方式,取值可以是left、right、top、middle、bottom

frameborder

设置iframe的边框是都显示,取值为0或1

marginheight

定义iframe的顶部和底部的边距

marginwidth

定义iframe的左侧或右侧的边距

height

设置iframe的高度

width

设置iframe的宽度

scrolling

设置iframe中是否显示滚动条,取值yes、no、auto

src

设置iframe中显示页面的url

name

设置iframe的名称

11.框架之间的链接
使用框架布局页面时,常常在框架中放在一个导航栏;当点击导航栏中的链接时,在指定的框架中加载目标页面。
每个标签都有一个name属性为框架分别指定一个名称。在导航栏中点击链接时,会根据traget属性所指定的框架中加载目标页面内容。