HTML-框架标签frame

11 篇文章 0 订阅

框架标签

   <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的页面打开网址

 

效果图:

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值