首页 > 代码库 > html表单——使用frameset写一个导航栏效果
html表单——使用frameset写一个导航栏效果
主页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <!--frameset 说明:1、frameset不能潜入在body标签里面,只能嵌入在html标签里面- 2、一个html页面中不能同时嵌入多个frameset标签 3、若有多个frame标签,且同时未设置src属性值,则设置任何一个src属性,其他src属性也默认为该属性 -> <!-- <frameset cols="200px,20%,*"> <frame src="http://www.mamicode.com/#"/><frame src="http://www.mamicode.com/#"/><frame src="http://www.mamicode.com/#"/> </frameset>--> <!-- frameborder="0“ :用来设置不显示分隔条 noresize="noresize" :则设置分隔条不可拖动 scrolling="no" :不显示滚动条 (要么所有的frame都设置scrolling属性,要么最后一个frame标签设置scrolling属性) --> <!-- <frameset rows="200px,20%,*" frameborder="1" noresize="noresize" > <frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top" /> <frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top" scrolling="no"/> <frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top" /> </frameset>--> <!--左边是页面导航栏,右边是导航栏对应的内容--> <frameset cols="200px,*" frameborder="1" noresize="noresize" > <frame src="http://www.mamicode.com/navigationbar.html" /> <frame src="http://www.baidu.com" name="bodyContent"/> </frameset> </html>
导航页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>navigationbar.html</title> </head> <body> <a href="http://www.baidu.com" target="bodyContent" >百度</a><br/><br/> <a href="http://www.sina.com.cn/" target="bodyContent" >新浪</a><br/><br/> <a href="http://dict.youdao.com/" target="bodyContent" >有道词典</a><br/><br/> <a href="https://ssl.zc.qq.com/chs/index.html?type=1" target="bodyContent" >QQ邮箱注册</a><br/><br/> </body> </html>
html表单——使用frameset写一个导航栏效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。