框架页面的基本语法
<frameset cols=“25%,50%,*” rows =“50%,*” border=“5”>
<frame src=“the_first.html ">
……
</frameset>
cols将窗口分割成左中右3个部分,可选
rows将窗口分割成上下2个部分,可选
border边框尺寸大小
src第一个窗口要显示的网页
例:
<HTML>
<HEAD>
<TITLE>rows_cols框架</TITLE>
</HEAD>
<FRAMESET rows="25%,50%,*" border="5">
<FRAME name=“top" src="the_first.html">
<FRAME name="middle" src="the_second.html">
<FRAME name=“bottom" src="the_third.html">
</FRAMESET>
</HTML>
创建多个复杂的窗口实现步骤如下:
1、创建一个HTML页面“top.html”
2、创建一个HTML页面“left.html”
3、创建一个HTML页面“right.html”
4、新建多框架HTML页面“Frame_Sets.html”
......
<FRAMESET rows="20%,*" frameborder="0">
<FRAME src="top.html" name="topframe“ scrolling="no" noresize="noresize">
<FRAMESET cols="20%,*">
<FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ >
<FRAME src="right.html" name="rightframe">
</FRAMESET>
</FRAMESET>
frameborder设置无框架边框
scrolling不显示滚动条
noresize禁止调整框架大小
name框架名称,便于超文本链接锚标签target属性所引用
如何设置窗口链接的显示位置
target目标窗口属性 name=“显示的窗口名”
<frame src=url name=“窗口名”>
<a href=url target=“窗口名”>
target属性指定了所链接的文件出现在名称为“窗口名”的框架窗口里。
例:
<P><a href="right.html" target="rightframe">
<IMG src="images/reg.jpg" width="158" height="31" border="0" /> </P></A>
<P><a href="buy.html" target="rightframe">
<IMG src="images/buy.jpg" width="160" height="32" border="0" /> </P></A>
target属性指定了所链接的文件出现在名称为“rightframe”的框架窗口里
例:
……
<P><A href="right.html" target="_blank">
<IMG src="images/reg.jpg" width="158" height="31" border="0" /></A> </P>
<P><A href="buy.html" target="_self">
<IMG src="images/buy.jpg" width="160" height="32" border="0" /></A> </P>
<P><A href="sale.html" target="_parent">
<IMG src="images/sale.jpg" width="158" height="31" border="0" /></A> </P>
<P><A href="person_info.html" target="_top">
<IMG src="images/person.jpg" width="157" height="31" border="0"/></A></P>
……
新启一个窗口打开文件 “right.html”