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属性联动 创造一个在本页面就可以显示不同内容的网页。如下图:

JAVAWEB HTML 框架标签iframe(内嵌窗口)

<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>

 

相关文章: