1、iframe标签介绍:
可以在HTML页面,打开一个小区域去加载一个单独的HTML页面。
语法格式:
<iframe src="html页面地址URL" 【width="500" height="400" name="xxx"】></iframe>
2、属性解释:
src属性:设置小窗口要显示的html页面地址。
(1)相对路径: (特别注意从工程所在的文件夹算起,工程文件夹之外的图片,显示不出来)
. 表示当前目录
..表示上一级目录
文件名 表示当前文件所在目录的文件,相当于./文件名, 注意./ 允许省略
绝对路径:http://ip:port/工程名/图像路径
(2)width、height属性:修改新窗口宽度和高度,单位是像素
(3)border属性:设置图像边框,单位是像素
(4)☆name属性:和其他标签(比如a)引用时的标识值。
3、应用场景: 和 a属性联动 创造一个在本页面就可以显示不同内容的网页。如下图:
<body> <iframe src="DivSpanpTest.html" width="400" height="400" name="xx" ></iframe> <!--插入一个400*400的区域,默认显示DivSpanpTest.html页面--> <br> <ul> <li><a href="标签语法.html" target="xx">标签语法</a></li> <!--标签语法的超链接,点击后,使前面的iframe区域显示标签语法.html--> <li><a href="font标签.html" target="xx">font标签</a></li> <li><a href="特殊字符.html" target="xx">特殊字符</a></li> </ul> </body> </html>