网页框架就是把一个网页画面分成几个框窗, 每个框窗中指定一个html网页进行显示。
用到的知识点有:
- frameset:称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割
- rows: 指定视窗分割为几行, 进行每行空间占比的分配 rows 15%, * 表示的意思是把网页切割成两部分上半部分占一个面的百分之15,下半部分占剩下的全部。
- cols: 指定视窗分割为几列, 进行每列空间占比的分配 cols 100, * 此处的100指100像素,省略px
- frame: 则只是设定某一个框窗内的参数属性, 用来指定一个html网页
- name: 设定这个框窗的名称
如果想要让超链接在那部分进行显示,则将超链接中加入target属性,将这部分的name值填入即可。
下面展示出代码和截图:
- name: 设定这个框窗的名称
left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>left页面</title>
</head>
<body>
left页面
<ul>
<li><a href="Shop.html" target="right">商城</li>
</ul>
</body>
</html>
right.html
<html>
<head>
<meta charset="utf-8">
<title>right页面</title>
</head>
<body>
right页面
</body>
</html>
top.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>top页面</title>
</head>
<body>
top页面
</body>
</html>
frame.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top">
<frameset cols="250,*">
<frame src="left.html" name="left"/>
<frame src="right.html" name="right"/>
</frameset>
</frameset>
</html>