html(五)表格与框架内容的简单梳理

表格的相关内容

1.html创建表格的基本属性

<table width="600" height="150" align="center" border="4" bordercolor="red" cellspacing="8" cellpadding="10" bgcolor="green" background="a.jpg">

width和height分别是表格的宽度和高度    align为表格的对齐方式  border为表格的边框宽度  bordercolor为表格的边框颜色   cellspacing为表格的单元格间距  cellpadding为表格的单元格边距  bgcolor为表格的背景颜色 background为表格的背景图片

2.表格的标题和表头

<caption>小学三年级课程表</caption>     表格的标题

<tr>

<td width="98">&nbsp;</td>

<th>星期一</th>

<th>星期二</th>            表格的表头

</tr>

</table>

框架的相关内容

1.基本框架结构

<frameset rows="100,200,*">    

<frame src="a.html">

<frame src="b.html">

<frame src="c.html">

</frameset>

<frameset>是框架集标签，可以包含多个框架标签<frame>，框架集分为水平分割窗口（rows）和垂直分割窗口（cols），单位是像素或百分比，最后的*是屏幕上剩余的像素

2.嵌套分割窗口

<frameset rows="30%,*">

<frame>

<frameset cols="20%,*">

<frame>

<frame>

</frameset>

</frameset>

3.框架集的基本属性

<frameset frameborder="0" framespacing="6" bordercolor="red">

frameborder的值为0或no则不显示边框，值为1或yes则显示边框， framespacing设置边框宽度，bordercolor设置边框颜色

<frame src="a.html" marginwidth="0" marginheight="0">

设置框架边框与页面内容的水平距离或垂直距离

<frame scrolling="yes">

设置框架滚动条显示，取值可以为yes，no，auto

4.浮动框架

<td width="760">

<iframe src="a.html"></iframe>

</td>

设置浮动框架，然而当前页面并不一定是框架页面