【JAVA后端学习之路】HTML回顾之FrameSet框架

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,在布局的右边。下面是运行结果:

在这里插入图片描述

发布了28 篇原创文章 · 获赞 16 · 访问量 3200

猜你喜欢

转载自blog.csdn.net/Newbie_J/article/details/88748744
今日推荐