一,效果图。

【代码笔记】Web-HTML-框架

二,代码。

【代码笔记】Web-HTML-框架
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>html 框架</title>
</head>

<body>
    <!--iframe 设置高度与宽度-->
    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
    <!--Iframe - 移除边框-->
    <iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe>
    <!--使用iframe来显示目录链接页面-->
    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="http://www.baidu.com" target="iframe_a">runoob.com</a></p>
</body>

</html>
【代码笔记】Web-HTML-框架

 

参考资料:《菜鸟教程》

一,效果图。

【代码笔记】Web-HTML-框架

二,代码。

【代码笔记】Web-HTML-框架
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>html 框架</title>
</head>

<body>
    <!--iframe 设置高度与宽度-->
    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
    <!--Iframe - 移除边框-->
    <iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe>
    <!--使用iframe来显示目录链接页面-->
    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="http://www.baidu.com" target="iframe_a">runoob.com</a></p>
</body>

</html>
【代码笔记】Web-HTML-框架

 

参考资料:《菜鸟教程》

相关文章: