HTML快速入门【2】:框架的使用
1、框架主要有两部分,即框架集(frameset)和框架(frame)。其中:
框架集是在一个文档内定义一组框架结构的HTML网页,其定义了在一个窗口中的显示的框架数、框架宽高、载入到内部的网页;
框架是指在网页上定义的一个显示区域。
2、框架集标签:<frameset>
框架标签:<frame>
3、框架集的基本格式如下:
<html>
<head>...</head>
<frameset>
<frame src="网页路径" name="框架名称">
...
</frameset>
</html>
1、下面我们需要建立以下几个文件,它们都在都一个目录下:
第一个是index.html 内容是:
<html>
<head>
<title>FrameSet</title>
</head>
<frameset rows="80,*" cols="*">
<frame src="top.html" name="topFrame">
<frameset cols="15%,85%" >
<frame src="left.html" name="leftFrame">
<frame src="1.html" name="rightFrame">
</frameset>
</frameset>
</html>
2、第二个网页是top.html 内容是:
<html>
<body>
<p align="center">Top
</body>
</html>
3、第三个网页是left.html 内容是:
<html>
<body>
<p align="center"><a href="1.html" target="rightFrame">Left 1</a>
<p align="center"><a href="2.html" target="rightFrame">Left 2</a>
</body>
</html>
4、第四个第五个网页分别是1.html 2.html内容分别是:
<html>
<body>
<p align="left">Left 1
</body>
</html>
<html>
<head>
<body>
<p align="left">Left 2
</body>
</html>
5、运行效果如图,当点击左边的框架的链接时,将在右边的框架打开网页。