框架标签

版权声明:未经同意,严禁转载 https://blog.csdn.net/pengchengliu/article/details/88085758

一、什么是框架标签?

首先看下图,有三部分:蓝色的logo;左边的目录结构;右边的内容。实际开发过程中会把这三部分写在三个页面中。这样就能提供程序的可维护性:改一部分的时候其他部分不需要动。这个可以使用框架标签实现。

说明:

1.框架标签比较过时,现在用div比较常用。

2.要学会使用。不是重点,会用即可。

二、框架标签的使用 

1. 格式 

<frameset rows="80,*"><frameset>

属性:

rows="80,*"                      //按照行进行划分。分为两行,第一行值80,剩下的是第二部分。

cols="80,*"                       //按照列进行划分。

<frame name="top" src="b.html">

name: 给这一块取个名字。

src:要显示的网页。

注意:使用框架标签的时候,不能写在body里面。使用了框架标签,需要把body去掉。

2. 举例 

想要的效果:点击左边,在右边打开相应的内容。

框架标签.html

<html>

        <head>

                <title>框架标签示例</title>

        </head>

             <frameset rows="100,*">                                                    //把页面划分为上下两部分

                           <frame name="top" src="a.html">                         //上面的部分。显示"a.html"

                           <frameset cols="80,*">                                         //把下面的页面划分成左右两部分

                                    <frame name="left" src="index.html">          //左边的部分。显示index.html的内容 

                                    <frame name="right">                                 //右边的部分。

                           </frameset>

             </frameset>

</html>

index.html

<html>

        <head>

                <title>框架标签示例</title>

        </head>

        <body>

                <a href="video.html" target="right">视频</a>                  //将video.html显示到右边的界面。

                <a href="music.html" target="right">音乐</a>

        </body>

</html>

猜你喜欢

转载自blog.csdn.net/pengchengliu/article/details/88085758
今日推荐