【Dongle】【HTML】Frame框架的使用

4 篇文章 0 订阅

        在网上商城的学习过程中,有针对Frame框架设计的学习。在使用Frame框架时,作为框架的主页面,是不需要在使用<body></body>标签了。

实例

       框架中主要了解,<frameset></frameset>标签使用来分割窗体的,而<frame>标签是用来在对应框架上加载内容的。如下:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		  <meta http-equiv="Content-Language" content="zh-cn">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>商城后台管理框架</title>
	</head>
	
	<frameset rows="15%,*,15%"><!--将整个页面分为垂直分三个区域,大小分别是:上是整个页面高的15%;下为整个页面高的15%,剩下的为中间区域-->
		<frame   src="top.jsp" name="topFrame" ><!--在上部加载内容-->
		<frameset cols="15%,*"><!--中午继续分割,水平分割,左边是中部区域宽的15%,剩下的为右框架-->
			<frame src="left.jsp" name="leftFrame" ><!--设置左框架加载内容-->
			<frame src="right.jsp" name="mainFrame" ><!--设置右框架加载内容-->
		</frameset><!--中部框架分割玩不-->
		
		<frame src="bottom.jsp" name="bottomFrame" ><!--下部框架加载内容-->
	</frameset>
</html>

注意 

       另外,对于分割后的每个特定区域,有且仅有一个<frame>内容加载

       比如上面的代码,最外边的框架将窗体分割成了三个区域,如果中部区域不再分割,则整个窗体上有且只有三个frame。而当中部区域也进行分割成两个区域,则中部区域里有且只有两个frame加载。

结果


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值