HTML-框架标签frame

框架标签

   <frameset>框架设置标签

      属性:

           cols:横切 

          rows:竖切 

           格式

          cols="20%,*"     逗号隔开

      标签: <frame>

  <frame>框架标签

    属性:src : 指向一个源文件

              noresize: 禁止框架修改距离

             name  :给框架一个名字

           

示例

<!DOCTYPE html>

<html>

<head>

        <meta charset="utf-8">

        <title></title>

</head>

<!-- body删掉 -->

<frameset rows="20% ,*">

        <frame src="../img/12.jpg">

              

        </frame>

       

        <frameset cols="20%,*">

                               <frame src="left.html" noresize name="left"></frame>

                              

                               <frame src="#" noresize name="right"></frame>


        </frameset>

       

</frameset>

</html>

 

 

 名字为left的框架文件为:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<ul>
	<li><a href="http://www.baidu.com" target="right">hello</a></li>
	<li><a href="http://www.taobao.com" target="right">boy</a></li>
	<li><a href="../列表标签/success.html" target="right">this</a></li>

</ul>
</body>
</html>

 

<target>标签指向名字为right的框架,target上次说过是跳转形式,所以效果就是在right的页面打开网址

 

效果图:

 

 

猜你喜欢

转载自blog.csdn.net/ljq961206/article/details/81147843
今日推荐