前端基础-HTML框架

框架

在这里插入图片描述

在同一个浏览器上显示多个多个框架。在每一个框架中放了一个页面。

1.使用的标签

<frameset>：框架集，rows属性设置框架分几行显示，cols属性用来设置框架分几列显示，rows和cols尽量不要同时设置（因为不能及时辨别每个位置的页面）

<frame>：框架，src属性用来引入要显示的页面

注意：框架页面中不能有body标签，可以将body标签<noframes></noframes>标签中。noframes标签是当浏览器不支持框架的时候显示其中的内容。

案例1：

在这里插入图片描述

案例2：

在这里插入图片描述

2.框架嵌套

在这里插入图片描述

3.框架中跳转

]

4.内嵌框架

就是在页面中嵌套的框架

<iframe src="http://www.baidu.com" width="500" height="200" marginwidth="0" marginheight="0" frameborder="0"></iframe>

在这里插入图片描述

多学一招：

1. src：内嵌框架中存放的页面
2. width和height：内嵌框架的宽度和高度
3. marginwidth：内嵌框架中的页面距离内嵌框架的宽度
4. marginheight：内嵌框架中的页面距离内嵌框架的高度
5. frameborder：内嵌框架边框

在这里插入图片描述