如何利用frameset框架集标签,实现左侧的链接地址,在右侧区域打开显示
步骤一:先创建top.html,left.html,right.html、
top:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 头部 </body> </html>
left:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li><a href="https://www.baidu.com" target="right">百度</a></li> <li><a href="">搜狐</a></li> </ul> </body> </html>
right:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 右侧 </body> </html>
步骤二:在嵌套标签页面中引入这三个页面,先给left中的链接a标签添加target=“right”让点击该链接时,在一个名为“right”的页面打开(<li><a href="https://www.baidu.com" target="right">百度</a></li>);然后再给目标页面添加name名为right(<frame src="right.html" name="right">),这样就可以实现左侧的链接地址,在右侧区域打开显示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- frameset框架集标签不能与body标签并存 frameset框架集标签,作用:分屏 cols="180,268,*"cols属性,表示垂直分屏 rows="180,268,*" rows属性,表示水平分屏 嵌套框架集(上方固定,左右嵌套) https://www.baidu.com网址(绝对地址) src中写当前项目中的某个文件(相对路径) frame框架标签上添加属性 noresize="noresize",表示禁止拖拽 --> <frameset rows="90,*"> <frame src="top.html" noresize="noresize"> <frameset cols=" 200,*"> <frame src="left.html" noresize="noresize"> <frame src="right.html" name="right"> </frameset> </frameset> </html>
代码演示:
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果