HTML快速入门【2】:框架的使用

2025-10-18 16:22:26

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、运行效果如图,当点击左边的框架的链接时,将在右边的框架打开网页。

HTML快速入门【2】:框架的使用

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢