(一)内嵌框架
- 内嵌框架:在一个网页中嵌入另一个网页并显示
- 语法
-
<iframe src="URL"></frame>
小案例(1)图书展示
图书展示页面
默认展示页面
书籍导航页面
效果
小案例(2)邮箱
登录首页
邮箱首页
邮箱上侧页面
邮箱左侧导航
效果
(二)框架集合
- frameset定义一个框架集合,可用来组织多个窗口
- cols和rows属性用来规定一个框架中有几行和几列
- 注意:使用frameset框架集合时需删掉body标签,二者是并列关系
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<!--框架集合,和body是并列的概念,不要讲框架集合放入body中-->
<frameset rows="20%,*,30%">
<frame />
<frameset cols="30%,40%,*" >
<frame src="index.html" />
<frame />
<frame />
</frameset>
<frameset cols="50%,*">
<frame />
<frame />
</frameset>
</frameset>
</html>
效果