您的位置：首页 > Web前端 > HTML

HTML学习笔记：框架与画中画

2017-07-15 20:23 260 查看
定义五个html文件，主页面为HTMLDemo.html，分三个框架页面top.html，left.html，right.html，画中画页面为iframe.html

HTMLDemo.html

<!--框架示例,框架能把整个页面分割成几个独立的部分,各框架的边界可由客户移动-->
<html>
<head>

</head>
<!--frameset:框架设置标签,可按行与列的方式分割页面-->
<frameset rows="10%,*"> <!--按行划分10%的区域-->
<frame src="top.html" name="top"/> <!--建立名为top,源为top.html的框架-->

<frameset cols="30%,*"> <!--按列划分30%的区域-->
<frame src="left.html" name="left"/>
<frame src="right.html" name="right"/>
</frameset>
</frameset>
<body>

</body>
</html>top.html
<!--顶部显示网站LOGO-->
<html>
<head>

</head>
<body>
<!--h1~h5对应五种字体大小-->
<h1>Daya Jin</h1>
</body>
</html>left.html
<html>
<head>

</head>
<body>
<h3>链接栏</h3>
<a href="006.jpg" target="right">link1</a>
<a href="iframe.html" target="right">link2</a>
</body>
</html>iframe.html
<!--画中画-->
<html>
<head>

</head>
<body>
<!--iframe:画中画标签,在页面内某区域显示内容-->
<iframe src="006.jpg" height=600 width=800> <!--画中画大小-->
如果显示该文字说明浏览器不支持画中画
</iframe>
</body>
</html>right.html
<html>
<head>

</head>
<body>
<h3>显示栏</h3>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html 框架
相关文章推荐
新的分享
章节导航