1.3（1）框架——内嵌框架

内嵌框架——位于body内

（1）作用：用于在网页中嵌入一个网页并让它在网页中显示。

（2）标签：

<iframe src="URL"></iframe>

URL指定独立网页的路径。

（3）属性：

             src——指向目标页面。

name——内嵌框架自定义名称，超链接跳转展现位置。

       frameborder——设置边框宽度。

       scrolling——设置是否显示滚动条。

  width——设置框架宽度。

       height——设置框架高度。

练习

（1）目标效果：

上侧框架左侧内嵌项目导航栏，右侧框架内嵌左侧导航对应跳转的页面内容。下侧框架内嵌一个百度网页。

（2）代码实现：

内嵌框架首页——index.html：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>内嵌框架</title><!--内嵌框架——用于在网页中嵌入一个网页并让它在网页中显示。语法：<iframe src="URL"></iframe>URL指定独立网页的路径。属性：src——指向目标页面。name——内嵌框架自定义名称，后面超链接跳转呈现位置。frameborder——设置边框宽度。scrolling——设置是否显示滚动条。width——设置框架宽度。height——设置框架高度。--></head><body><!--图片展示首页--><iframe src="左侧导航.html" height="500px" width="20%"></iframe><iframe src="右侧展示.html" name="iframe_my" height="500px" width="78%"></iframe><iframe src="https://www.baidu.com/" height="500px" width="100%"></iframe></body>
</html>

左侧导航栏网页——左侧导航.html：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>目录导航</title></head><body><h3>我喜欢的图片</h3><ul type="square"><li><a href="img/001.jpg" target="iframe_my">MCA</a></li><li><a href="img/002.jpg" target="iframe_my">Java</a></li><li><a href="img/003.jpg" target="iframe_my">背影</a></li><li><a href="img/004.jpg" target="iframe_my">湖面</a></li><li><a href="img/005.jpg" target="iframe_my">女孩</a></li></ul></body>
</html>

右侧导航栏网页——右侧展示.html：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>图片展示</title></head><body>展示图片框</body>
</html>

1.3（1）框架——内嵌框架相关推荐

html框架集把那根框架隐藏,HTML 框架集 frameset 和内嵌框架 iframe
HTML 框架集 frameset 和内嵌框架 iframe 今天总结和 < ifrme> 两个标签. frameset 标签用于定义一组框架集, 将多个窗口组合在一个框架集中, 各个子 ...
iframe内嵌框架自适应高度
添加js代码: /iframe内嵌框架自适应高度/ function iFrameHeight() { var ifm= document.getElementById("iframepag ...
html5-5 HTML5表单元素和内嵌框架
html5-5 HTML5表单元素和内嵌框架一.总结一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...
html框架集frame是啥意思,HTML框架集frameset和内嵌框架iframe
? 今天总结和两个标签. ? frameset标签使用于定义一组框架集,将多个窗口组合在一个框架集中,各个子框架单独引使用一个文档.下面贴一个用的例子: frameset用示例在以上实例中,定义了 ...
HTML中添加超链接、音频标签、视频标签、内嵌框架标签
目录超链接音频标签视频标签内嵌框架标签超链接 1.超链接:当用户点击文字.图像.视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接 2.超链接标签: <a href='url ...
内嵌框架iframe
内嵌框架iframe 内嵌框架就是在网页中嵌入一个网页,并让它在上一级网页中显示内嵌框架使用的标签是iframe标签 <iframe src=" URL ">< ...
html内嵌框架怎么写,在HTML网页中，内嵌框架的标签代码是（）。
在HTML网页中,内嵌框架的标签代码是(). 更多相关问题每年人环奖的考试报名时间大约在5月份嗅觉的香气包裹在闻气味的人周围,成为一种氛围,构成( )天空. Access的控件对象可以设置某个属性 ...
内嵌框架iframe在火狐ff下自适高度（ie6、ie7、ff都正常）
1.脚本在调用iframe的页面添加脚本 var FFextraHeight = 0; if(window.navigator.userAgent.indexOf("Firefox&quo ...
WEB代码：内嵌框架iframe、frame框架
1.内嵌框架iframe <iframe src="https://www.baidu.com/" frameborder="0" width=" ...

1.3（1）框架——内嵌框架

内嵌框架——位于body内

练习

1.3（1）框架——内嵌框架相关推荐

最新文章

热门文章

1.3（1） 框架——内嵌框架

内嵌框架——位于body内

练习

1.3（1） 框架——内嵌框架相关推荐

最新文章

热门文章

1.3（1）框架——内嵌框架

1.3（1）框架——内嵌框架相关推荐