HTML中框架集框架,浮动框架简述

最简单的框架集合框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		   <!--                                 	
                 	默认根据内容需要显示是否要滚动条,frameset框架集和frame框架可以嵌套
                 	比如frameset标签中包含frameset标签,具体效果可以下来试试其他和不嵌套一样属性一样
            -->
		<frameset cols="200px,*,30%" rows="100px,*,10%" >
			<frame src="s300px.html"  />
			<frame src="sxinghao.html"  />
			<frame src="sbaifen30.html"  />
		</frameset>
		
	</head>
	<body>
	</body>
</html>

这里是浮动框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>这里是浮动框架</p>
		<iframe src="index.html" name="myiframe" width="1000px" height="1000px" scrolling="auto">
			如果你的浏览器不支持浮动框架将显示该行文字,支持则不会
		</iframe>
		<!--
        	<iframe></iframe>之间不会显示文字除非浏览器不支持,浮动框架就是将一个网页简单的插入到另一张网页作为该网页的一个子网页
        	显示在主页面
        -->
	</body>
</html>

框架中包含了<a>标签时候

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ww</title>
		   <!--                                 	
                 	开始的主页面
            -->
		<frameset cols="200px,*"  >
			<frame src="fone.html" name="left"  />
			<frame src="fmain.html" name="right"  />
		</frameset>
		
	</head>
	<body>
	</body>
</html>

左边页面和右边页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>超链接页面</title>
		<!--
        	在头部写<base> 标签定位基准,表示这个页面的所有超链接都将内容显示到定位页面,不用单个的区设置
        	如果写在body 中则作用域不同了,可以为body指定那块跳转到哪里,分段基准
        	target 也可以用在form 表单中,则表示表单处理程序之后,所需要占据的目标窗口或框架base标签对表单同样生效
        -->
		<base target="right" /> <!-- -->
	</head>
	<body>
		<h1>超链接默认是跳转到当前页面,如果不写target属性则默认在左边小框框,如果写target 
			后的属性值是为frame的name 属性值需要在哪个页面显示则写哪个的name 值</h1>
			
		<a href="index.html" target="right" >跳转到index页面</a>
		<a href="index.html" >如果不定义base 那么这个页面内容将在左边小框显示</a>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>这里是主页面,点击超链后,超链接页面会显示到这里</h1>
	</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章