html frame target属性(菜单左边功能点击栏,右边显示相关功能界面,<frameset><frame>标签应用)

html frame target属性

菜单左边功能点击栏,右边显示相关功能界面,标签应用

在这里插入图片描述

在这里插入图片描述

代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
      .div1{
     
     
          width: 150px;
          height: 300px;
          border: 1px solid;
          text-align: center;
          float: left;
      }
      .div2{
     
     
          width: 1200px;
          height: 600px;
          float: left;
      }


      .div2 iframe{
     
     
          width: 1200px;
          height: 600px;
      }

      a{
     
     
          text-decoration: none;
      }
  </style>

</head>




<body>
  <div class="div1">
      <div class="123">
      <a href="https://daohang.qq.com/?fr=hmpage"  style="color: blue" target="test">首页</a>
      </div>
      <hr>
	  
      <div>
<!--<a> 标签的 target 属性规定在何处打开链接文档-->
          <a href="http://www.baidu.com/" target="test">百度</a>
      </div>
      <hr>

      <div>
          <a href="https://www.sina.com.cn/" target="test">新浪微博</a>
      </div>
      <hr>
	  
      <div>
          <a href="http://tieba.baidu.com/f/user/passport?jumpUrl=http://tieba.baidu.com" target="test">百度贴吧</a>
      </div>
      <hr>
   </div>


  <div class="div2">
      <iframe name="test"></iframe>
  </div>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42583263/article/details/116290750
今日推荐