内联
1.标记标签：<iframe>…</iframe>
2.src可以连接百度地图，通过地图的工具箱里分享地址
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>iframe</title></head><body><iframe src="demo2.html" frameborder="0" width="500" height="300" name="cart"></iframe><hr><iframe src="https://j.map.baidu.com/68/9Yv" frameborder="0" width="500" height="300"></iframe></body></html>
Demo后台管理页面
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><ul style="float:left;margin-right: 15px;"><li><a href="demo1.html" target="content">商品列表</a></li><li><a href="demo2.html" target="content">添加用户</a></li><li><a href="demo3.html" target="content">系统设置</a></li></ul><iframe srcdoc="<h2 style='color:green'>网站管理后台</h2>" frameborder="2" name="content" width="450" height="200"></iframe></body></html>
上述demo里，注意第13行 srcdoc 属性的使用方法。