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

最新推荐文章于 2023-07-03 14:20:37 发布

大胖东

最新推荐文章于 2023-07-03 14:20:37 发布

阅读量536

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_42583263/article/details/116290750

版权

HTML 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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>

大胖东

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
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;
复制链接

扫一扫