• 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="#"/><frame src="#"/><frame src="#"/>
    	</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="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>
    

      

  • 相关阅读:
    [论文泛读]Web服务综述相关论文1(1篇)
    [论文泛读]QoS of Web service 综述相关论文1(1篇)
    用jquery判断一个对象是否存在
    android 程序开发 R.### cannot be resolved
    发票管理及打印系统的部分代码
    项目下R.java竟然没有R.id这个类!
    C#调用ISAG网关下发彩信长征路上的一个小脚印
    机打发票打印管理
    Android获取手机和系统版本等信息的代码
    Android开发环境搭建全程演示(jdk+eclipse+android sdk)
  • 原文地址:https://www.cnblogs.com/1020182600HENG/p/6832608.html
Copyright © 2020-2023  润新知