HTML之FrameSet框架

HTML之FrameSet框架

frameset:一个frameset可以把一个页面切割成多份(只能按照行或列切割)。

frame:不可切割,frame位于frameset中。

代码示例:

<!-- head.html -->
<!-- 头部(标题,logo)-->
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
	<title>今晚文档</title>
</head>
<body>
	<div align="center"><font color="#FF0000" size="30px">公司的logo</font></div>
	
</body>
<!-- left.html -->
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
	<title>今晚文档</title>
</head>
<body>
	<dl>
		<dt>功能介绍</dt>
		<dd><a href="/Users/jc/Documents/html_prac/Demo2.html" target="right_show">公司简介</a></dd>
		<dd><a href="#">产品介绍</a></dd>
		<dd><a href="#">公司荣耀</a></dd>
		<dd><a href="#">加入我们</a></dd>
		<dd><a href="#">联系我们</a></dd>
	</dl>
</body>

点击公司简介,会将Demo2.html的网页显示在target处。

<!-- right.html -->
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
	<title>今晚文档</title>
</head>
<body>
	公司创建于2006年,专注java
</body>
<!-- foot.html -->
<!-- 底部 -->
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
	<title>今晚文档</title>
</head>
<body>
	<div align="center">
		合作伙伴::::::::::<br/>
		友情链接:::::::<br/>
	</div>
</body>
<!-- zong.html -->
<!-- 最终整合前几个文件的代码 -->
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
	<title>今晚文档</title>
</head>

	<frameset rows="20%,70%,*">
		<frame src="head.html" />
		<frameset cols="20%,*">
			<frame src="left.html" />
			<frame name="right_show" src="right.html" />
		</frameset>
		<frame src="foot.html">
	</frameset>

此处的right_show即为点击“公司简介”显示网页的地方—right.html,在布局的右边。下面是运行结果:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值