关于html框架,布局frameset适用

在页面布局时,很多时候网页分为头部,主体,和尾部。这时就用到了frameset、frame标签,当模块超过两个就考虑适用frameset。

frameset的rows属性控制的是页面分为几行,而cols控制分为几列。该属性的值可以为百分比,或者具体的像素去代表,并不是填写具体由几行组成。

例如:<frameset rows="10%,*,10%">,其中*为其他部分分完后剩下的部分。

通过src控制显示内容,通过target,name属性来实现控制跳转的位置:例如:<frame src="main.html" name="main"/>,如下例中,通过左侧布局中的

<li><a  href="heh.html" target="main">学生管理</a></li>;href代表跳转地址,target表示在何位置显示;其中heh.html为跳转后的内容


例子:

效果显示:


各页面组合代码:

head.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><html>
<title>头部内容</title>
</head>
<body>
<h3>学生管理系统</h3>
</body>
</html>

left.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><html>
<title>左侧内容</title>
</head>
<body>
<ul>
	<li><a  href="heh.html" target="main">学生管理</a></li>
	<li>考试管理</li>
	<li name="aaa">查询管理</li>
</ul>
</body>
</html>

main.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><html>
<title>主体内容</title>
</head>
<body>
欢迎登陆学生选课系统
</body>
</html>

show.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><html>
<title>显示组合内容</title>
</head>
<frameset rows="10%,*,10%">
	<frame src="head.html"/>
	<frameset cols="20%,*">
		<frame src="left.html"/>
		<frame src="main.html" name="main"/>
	</frameset>
	<frame src="foot.html"/>
</frameset>
<body>
</body>
</html>



  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值