iframe标签的使用教学提纲
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
iframe标签的使用
1、Iframe标记的使用格式
<iframe src="URL" width="x" height="x" scrolling="[OPTION]“ frameborder="x">
</iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height：“画中画”区域的宽与高； scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选 项， 如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则 显示； FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合， 常设置为0。
<html> <head> </head> <body> <iframe src="http://www.baidu.com"
width="800" height="800" frameborder="5"> </iframe> </body> </html>
思考：完成以下框架网页效果
Hale Waihona Puke Baidu
拓展：
此课件下载可自行编辑修改，仅供参考！ 感谢您的支持，我们努力做得更好！谢谢
实例
新建一个记事本文件，并将它重命名为.html文件，添加必要的 <html><body>标签，为了便于说明，同时添加<head>和 <title>，将标题改名为iframe元素标签的使用！
在<body>中添加iframe，ulr为你要嵌套网页的地 址，需要带上http的，width，height为所占用的宽 度和高度，以百度首页为例。
1、Iframe标记的使用格式
<iframe src="URL" width="x" height="x" scrolling="[OPTION]“ frameborder="x">
</iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height：“画中画”区域的宽与高； scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选 项， 如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则 显示； FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合， 常设置为0。
<html> <head> </head> <body> <iframe src="http://www.baidu.com"
width="800" height="800" frameborder="5"> </iframe> </body> </html>
思考：完成以下框架网页效果
Hale Waihona Puke Baidu
拓展：
此课件下载可自行编辑修改，仅供参考！ 感谢您的支持，我们努力做得更好！谢谢
实例
新建一个记事本文件，并将它重命名为.html文件，添加必要的 <html><body>标签，为了便于说明，同时添加<head>和 <title>，将标题改名为iframe元素标签的使用！
在<body>中添加iframe，ulr为你要嵌套网页的地 址，需要带上http的，width，height为所占用的宽 度和高度，以百度首页为例。