框架页面的基本语法

<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”

 

posted on 2016-05-06 16:25  懒猫要学习512  阅读(158)  评论(0编辑  收藏  举报