frameset普通用法

 frameset  跟 body 平级且不能共存 ,里面主要装 frame    一个frame 引用一个页面,通过frameset的  cols属性 按列排版,rows属性 按行排版,frame 设置name 属性,可以通过超链接指定打开位置,即在<a></a>中加属性target值为frame 设置name 属性的值。请看例子:

main.html

<html>
	<head>
	</head>
	<!--此乃主页面-->
	<frameset  rows="20%,80%" >
		<frame src="top.html"  ></frame>
		<frame src="center.html" ></frame>
	</frameset>
</html>


top.html

<html>
	<head></head>
	<body>
		<h1>欢迎来到尚学堂***系统</h1>
	</body>
</html>
center.html

<html>
	<head></head>
	<frameset  cols="20%,80%" >
		<frame src="left.html" name="left"   ></frame>
		<frame src="right.html" name="right" ></frame>		  
	</frameset>
</html>

left.html

<html>
	<head>
	</head>
	<body>
		<a href="http://www.baidu.com"  target="right" >百度</a>
		<a href="http://www.163.com" target="right" >163</a>
	</body>
</html>

right.html

<html>
	<head>
	</head>
	<body>
		33333333333333333333333333
	</body>
</html>

下面是整个页面效果,对比代码与图片,就很容易理解了:

点击左边的百度或者163,右边的框中就出会出百度或者163的主页,而上面的top部分是保持不变的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值