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 | 设置单元格背景颜色 |
空白单元格: 
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属性所指定的框架中加载目标页面内容。