HTML-表格与框架

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属性所指定的框架中加载目标页面内容。