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>