可以使用iframe标签来实现。
1、新建html文件，在body标签中添加一个p标签，然后在p标签中添加一些文字，用浏览器打开html文档，这时页面中显示的是当前页面中的文字：
2、在body标签中添加iframe标签，为这个标签设置“src”属性，属性值为需要添加网页的地址，这里以百度官网为例，打开浏览器，可以发现页面中除了原网页内容外还有一个百度官网的页面：
3、默认情况下iframe的窗口比较小，可以为iframe标签设置“width”和“height”属性控制另一个页面的宽度和高度：
HTML中的嵌套通常使用<iframe >标签，iframe 元素会创建包含另外一个文档的内联框架（即行内框架），所有浏览器都支持使用方法示例：
a.html代码
<html>
<body>
<p style="color: #009F95">我是嵌入的HTML上面的标签</p>
<iframe src="b.html" frameBorder="0" width="900" scrolling="no" height="30px"></iframe>
<p style="color: #009F95">我是嵌入的HTML下面的标签</p>
</body>
</html>
b.html代码
<body>
<p>这里是页内被嵌入的HTML</p>
</body>
常用属性说明
frameborder 规定是否显示框架周围的边框。 1为显示 0为隐藏
scrolling 规定是否在 iframe 中显示滚动条。yes 为显示 no为不显示 auto会自动判断
src 引用的HTML页面
width 定义 iframe 的宽度。
height规定 iframe 的高度。
marginheight 定义 iframe 的顶部和底部的边距。
marginwidth 定义 iframe 的左侧和右侧的边距。
name 规定 iframe 的名称。
两个方法，一个是使用iframe浮动标记，另一个是使用frameset框架标记。
例一（iframe标记）:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>iframe</title>
</head>
<body>
<iframewidth="800"height="800"src=">
效果图：
例二（frameset标记）:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>用Frameset</title>
</head>
<framesetcols="20%,30%,50%">
<framesrc=">
效果图：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）