HTML 框架布局
时间:2014-01-13 16:30 来源: 翻译器在线 作者:hi
HTML框架：1、框架页面的基本语法
|
<frameset cols=“25%,50%,*” rows =“50%,*” border=“5”> <frame src=“the_first.html "> …… </frameset> |
说明：cols=“25%,50%,*”是将框架分成3个部分，可选。rows =“50%,*”将窗口分割成上下2个部分,可选。border=“5”是边框尺寸大小。<frame src=“the_first.html "> 标示第一个窗口要显示的网页。
2、框架的基本结构
|
<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> |
根据案例思考：
如果要在浏览器中创建左中右三个窗口,该如何实现？
提示：把框架分成三个部分，然后分别制作左、中、右三个页面，嵌入框架中，如案例一样。
3、如何创建多个复杂的窗口
创建多个复杂的窗口实现步骤如下：
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> |
思考：如果在同一个页面中，要实现在一个框架窗口中的超链接页面出现在另一个框架窗口中，如何实现？
提示：使用target目标窗口属性
5、如何设置窗口链接的显示位置？
target目标窗口属性
name＝“显示的窗口名”
<frame src=url name=“窗口名”>
<a href=url 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> |
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-