HTML笔记——HTML 框架(frameset )
2014-04-13 23:22
281 查看
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
<frameset cols="25%,50%,25%">
<!-- 若设置rows="25%,50%,25%" 这样是水平分三层 -->
<frame src="htmlDemo.html" noresize="noresize" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
<frameset rows="50%,50%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frameset cols="25%,75%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
为不支持框架的浏览器添加 <noframes> 标签。
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
练习:
使用框架导航跳转至指定的节本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
源代码:htmlDemo3.html
<html>
<frameset cols="25%,75%">
<frame src="htmlDemo5.html">
<frame name="haha"
src="htmlDemo4.html">
</frameset>
<noframes></noframes>
</html>
htmlDemo4.html
<html>
<body>
<a name="C1">
<h2>章节1</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C2">
<h2>章节2</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
</p>
<a name="C3">
<h2>章节3</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C4">
<h2>章节4</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
<a name="C5">
<h2>章节5</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
</body>
</html>
htmlDemo5.html
<html>
<body>
<a href ="htmlDemo4.html" target="haha">没有锚的链接</a><br>
<a href ="htmlDemo4.html#C5" target="haha">带有锚的链接</a>
</body>
</html>
target="haha"中
haha代表框架的名称,表示要在那个框架中显示。
实例:
平常使用:
<html><frameset cols="25%,50%,25%">
<!-- 若设置rows="25%,50%,25%" 这样是水平分三层 -->
<frame src="htmlDemo.html" noresize="noresize" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
嵌套使用:
<html><frameset rows="50%,50%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frameset cols="25%,75%">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
<frame src="htmlDemo.html" tppabs="htmlDemo.html">
</frameset>
</frameset>
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</html>
属性:
noresize:默认是可以改变框架的大小的,设置为noresize="noresize"就不可以更改大小了Tips:
使用了<frameset>就不能在<frameset>标签外面用<body>标签了,为不支持框架的浏览器添加 <noframes> 标签。
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
练习:
使用框架导航跳转至指定的节本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
源代码:htmlDemo3.html
<html>
<frameset cols="25%,75%">
<frame src="htmlDemo5.html">
<frame name="haha"
src="htmlDemo4.html">
</frameset>
<noframes></noframes>
</html>
htmlDemo4.html
<html>
<body>
<a name="C1">
<h2>章节1</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C2">
<h2>章节2</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
</p>
<a name="C3">
<h2>章节3</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
<a name="C4">
<h2>章节4</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
<a name="C5">
<h2>章节5</h2>
<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>
ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>
afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>
</p>
</body>
</html>
htmlDemo5.html
<html>
<body>
<a href ="htmlDemo4.html" target="haha">没有锚的链接</a><br>
<a href ="htmlDemo4.html#C5" target="haha">带有锚的链接</a>
</body>
</html>
target="haha"中
haha代表框架的名称,表示要在那个框架中显示。
相关文章推荐
- 笔记 - 6、HTML - 框架--frameset
- 学习HTML,网页框架Frameset
- html框架之iframe和frame及frameset的相关属性介绍
- HTML学习笔记(十四)HTML 框架
- HTML 框架标记(2)——frameset
- HTML 标签复习 2、表单和服务器连接 3、框架笔记
- 关于html的页面框架frameset
- python笔记32-ddt框架优化(生成html报告注释内容传变量)
- HTML学习笔记----框架标签
- HTML基础学习-8-frameset框架学习
- HTML学习笔记三表单和框架
- html+css+js系列之一 html的框架frameset
- html框架之iframe和frame及frameset的相关属性介绍
- 黑马程序员-html之框架标签<frameSet>,画中画标签<iframe>
- HTML学习笔记(十)框架
- HTML之框架结构标签<frameset>的简单使用
- HTML网页制作:[12]使用框架结构之frameset
- 将不同的html页面组合成一个——通过框架标签frameset和frame实现
- HTML中的框架Frame和Frameset
- HTML 框架 frameset,frame