Frameset框架(小补充)

最新推荐文章于 2019-08-20 10:47:00 发布
最新推荐文章于 2019-08-20 10:47:00 发布
阅读量310 收藏 1
点赞数
分类专栏： frameset 文章标签： frameset
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43551373/article/details/83588801
版权

Frameset框架
替代了body(在页面中没有body标签)

关于这个框架元素的属性
属性rows表示的是划分横向的框架 ,设置行的百分比
属性cols表示的是划分纵向的框架 ,设置列的百分比

使用frame标签表示横向框架或是纵向的框架

关于frame标签元素的属性:
noresize是设置框架禁止改变大小
scolling是设置滚动条是否显示
frameboder是设置框架的边框
bgcolor,marginHeight,marginwith等常用的属性
但它不能设置width和height,有局限性.

marquee是设置图片移动的标签
常用属性:behaiov(alternate表示文字或图片来回滚动, scroll表示文字或图片单方向循环滚动, slide表示文字或图片只滚动一次)
direction设置文字滚动的方向(left,right,up,down,其中默认的是left)
loop表示循环速度
scrollamount表示运动速度,值是正整数(默认是6)
scrolldelay 表示停顿时间 ，默认为0，单位是毫秒
　valign 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
　align 表示元素的水平对齐方式，值可以是left，center，right，默认为left
　　bgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度
　　hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
οnmοuseοver="this.stop()"与οnmοuseοut="this.start()"表示当鼠标移到该区域时停止移动,鼠标离开时继续移动.


  例1:  <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
     <frameset rows="17%,*,15%" frameborder="0" >
     	<frame src="top.html" scrolling="no" noresize="noresize"/>
     	<frame src="body.html"/>
     	<frame src="foot.html"scrolling="no" noresize="noresize"/>
     	
     </frameset>
</html>
例2:	<body bgcolor="lightblue">
		<form>
			<table align="center" border="0" >
				<tr>
					<td>
						<img src="img/logo.png" width="570" height="60"/>
					</td>
					<td align="right">
						<font face="楷体" size="2" color="darkmagenta"><b>中央财政资金重点支持院校,国家教育局备案</b></font><br />
						<input type="text" />
						<input type="button" value="搜索" /><br />
						<font face="楷体" size="2" color="darkmagenta">勤奋,笃学,求真,创新</font>
					</td>
				</tr>  
			</table>
		</form>
	</body>
	例3:<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form>
			<table align="center" border="0">
				<tr>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">网站首页</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">学院概况</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">新闻中心</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">党团建设</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">管理机构</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">院系设置</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">教学管理</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">招生就业</a></b></font>|</td>
					<td><font face="楷体" size="4" color="darkmagenta"><b><a href="#">国际交流</a></b></font>|</td>
					<td><font face="楷体" size="4	" color="darkmagenta"><b><a href="#">信息咨询</a></b></font>|</td>
					
				</tr>
				<tr>
					<td colspan="10">
						<marquee width="850" height="300" behavior="alternate"onmouseover="this.stop()" onmouseout="this.start()">
			                <img src="img/10.jpg" width="850" height="300"/>
			                <img src="img/12.jpg" width="850" height="300"/>
			                <img src="img/7.jpg" width="850" height="300"/>
			                <img src="img/8.jpg" width="850" height="300"/>
			               <img src="img/9.jpg" width="850" height="300"/>
		                </marquee>
					</td>
				</tr>
			</table>
			<table align="center" border="0" width="860">
				<tr>
					<td>
						<img src="img/4.jpg" width="140" />
					</td>
					<td>
						<font size="2" face="微软雅黑">产教融合让毕业生成功对口就业西安城市建设职业学院探索人才培养新模式</font>
					</td>
					<td>
						<img src="img/9.jpg" width="140" />
					</td>
					<td>
						<font size="2" face="微软雅黑">吉的堡教育集团一行来我院考察交流   </font>
					</td>
					<td>
						<img src="img/11.jpg" width="140" />
					</td>
					<td>
						<font size="2" face="微软雅黑">我院举行“学习新思想,千万师生同上一堂课活动”报告会</font>
					</td>
				</tr>
				<tr>
				    <td colspan="2">
						<hr />
<pre>校园新闻>党委动态        <a href="#">More</a></pre>	
						<hr />
				    </td>
					<td colspan="2">
						<hr />
<pre>校园新闻>党委动态        <a href="#">More</a></pre>		
						<hr />
					 </td>
					 <td colspan="2">
						<hr />
<pre>校园新闻>党委动态        <a href="#">More</a></pre>	
						<hr />
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<ul>
							<li>我院召开国家奖学金、国家励志奖学金获奖学</li>
                            <li>我院2018年秋季开学典礼暨新生军训结训大会</li>
                            <li>中秋慰问送真情，浓浓关怀暖人心</li>
                            <li>2018中秋节文艺晚会</li>
                            <li>国家外国专家局王立社部长一行来我院考察交流</li>
                            <li>九三学社专家科普巡讲团走进我院</li>
						</ul>
					</td>
					<td colspan="2">
						<ul>
							<li>关于2018年中秋节、国庆节放假安排的通知</li>
                            <li>西安城市建设职业学院教师招聘公告</li>
                            <li>【报考公示】西安城市建设学院新疆地区2018</li>
                            <li>【通知】西安城市建设职业学院2018年暑假</li>
                            <li>关于2018年端午节放假安排的通知</li>
                            <li>关于进一步规范招生工作的通知</li>
						</ul>
					</td>
					<td colspan="2">
						<ul>
							<li>西安城建学院再次受到央媒关注“准军事化管理特色”</li>
                            <li>产教融合对口就业</li>
                            <li>走进校企合作企业白鹿之隐温泉度假营地</li>
                            <li>周至县长陈旭辉与西安城市建设职业学院就周至校区项目建设进行对接</li>
                            <li>举办2018“春风行动”就业扶贫招聘会</li>
                            <li>学生会成功举办“心语信圆”活动</li>
						</ul>
					</td>
				</tr>
				<tr>
				
					<td colspan="6"><font size="5" face="楷体" color="blue"><b>专栏引导</b></font><hr/></td>
				
				</tr>
			</table>
			<table align="center" border="0" width="850	">
				<tr align="center">
					<td><img src="img/link01.jpg" width="155" /></td>
					<td><img src="img/link02.jpg" width="155"/></td>
					<td><img src="img/link03.jpg" width="155"/></td>
					<td><img src="img/link04.jpg" width="155"/></td>
				</tr >
				<tr align="center">
					<td><a href="#">招生信息网</a></td>
					<td><a href="#">就业信息网</a></td>
					<td><a href="#">高校微课教学比赛</a></td>
					<td><a href="#">中国特色社会主义思想学习</a></td>
				</tr>
				
				<tr align="center">
					<td><img src="img/link05.jpg" width="155" /></td>
					<td><img src="img/link06.jpg" width="155"/></td>
					<td><img src="img/link07.jpg" width="155"/></td>
					<td><img src="img/link08.jpg" width="155"/></td>
				</tr>
				<tr align="center">
					<td><a href="#">综合评价招生</a></td>
					<td><a href="#">登录查询系统</a></td>
					<td><a href="#">建校20周年</a></td>
					<td><a href="#">毕业季</a></td>
				</tr>
				
			</table>
		</form>
	</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body bgcolor=“black”>
<form>
<table align=“center”>
<<tr height=“30”>
<td>
<pre><font face=“黑体” color=“floralwhite” size=“2”> © 2017 All Rights Reserved　版权所有<br />　西安城市建设职业学院地址：陕西省西安市长安区东大温泉大道002号 电话：029-89026666　邮编：710114</font></pre>
</td>
<td>
<img src=“img/3.png” width=“150” height=“40” />
<</td>
</tr>
</table>
</form>

</body>

</html>
森屿海岛
关注
专栏目录
HTML-frameset框架集
主营前端方向，技术栈是vue
11-21 444
frameset框架集(在一个页面中引入多个其他的外部的页面，注意 frameset 不能和 body 出现在同一个页面中，rows行排列、cols列排列)
HTML-iframe内联框架和frameset框架集详解
最新发布
主营前端方向，技术栈是vue
11-21 641
iframe内联框架和frameset框架集(引入多个其他的外部的页面，frameset 不能和 body 出现在同一页面，rows行、cols列)
frameset 框架
12-24
frameset 框架frameset 框架frameset 框架
Frameset 框架
weixin_34323858的博客
09-07 160
普通框架 1、框架的概念 框架技术：将一个浏览器窗口划分成若干个小窗口，每个小窗口显示一个独立的网页。 2、框架集和框架页 框架集<frameset>：主要用来划分窗口的。 框架页<frame>：主要用来指定窗口默认显示的网页地址。 框架与窗户很像。 一个窗户由窗格(框...
框架集 frameset
aoys602066的博客
08-20 451
　　　　　　　　框架集和内联框架的作用类似，都用于在一个页面中引入其他的外部的页面 　　　　　　　　　　框架集可以同时引入多个页面，而内联框架引入一个， 　　　　　　　　　　在h5标准中，推荐使用框架集，而不使用内联框架 　　　　　　　　使用 frameset 来创建一个框架集，注意 frameset 不能和 body 出现在同一个页面中 　　　　　　　　　　所以要使用框架集，页...
frameset框架
aini9425的专栏
09-01 1285
　　      　　此例中 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案， 标记所标示的框窗永远是按由上而下、由左至右的次序 用法：　　　　　　定义一个帧开始／结束标识：　必须／非法属性：　　　　　　name="..."定义帧的名字　　　　　　　　　scr="..."定义在帧中显示的内容的来源　　　　　　　　　frameborder=
frameset/frame/iframe实例演示
08-01
里面包含了frameset，frame以及iframe的一些技术的演练，希望对大家有帮助，如果有什么补充或疑问，可以加QQ374053115进行和我讨论交流，互相进步！里面代码均手写，大致功能都已经实现，如果错误欢迎指出！
HTML框架与CSS基础教程
`<FRAMESET>`元素是框架结构的基础，它定义了浏览器窗口如何分割。`Rows`属性用于按垂直方向划分框架，而`Cols`属性用于按水平方向划分。例如，`<frameset rows="50%, 50%">`会将浏览器窗口分成两个相等高度的框架。...
JavaScript教程：框架与特性详解
"JavaScript教程，包括框架例子和语言特性解析" 在本文中，我们将探讨JavaScript这一重要的编程语言，以及一个具体的HTML框架例子。JavaScript是一种轻量级的、基于对象和事件驱动的脚本语言，主要应用于Web开发，...
frameSet(完整框架)
05-22
HTML搭建的frameset框架，用于日后同其他web技术整合
frameset 框架的用法
04-18
FRAMESET> <FRAME> <NOFRAMES> <IFRAME> 欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。
frame frameset左右收缩
01-12
frame frameset左右收缩 iframe左右收缩
框架——>frameset
sprita1的专栏
05-15 528
一、在框架页中frameset代替了body标签，因此框架页中不能包含body         演示frame                                         left.html中:     成绩管理系统     菜单     添加学生
用frameset 搭建框架
anihasiyou的专栏
05-03 1460
标签不支持HTML5。 w3schools英文版  w3school中文版  有相关标签介绍 以下是摘抄 ■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只　要 即可，而所有框架标记　要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 标记，浏览这框架必须读取这档 案而不是其它
什么是FRAMESET框架
06-09 98
好记性不如烂笔头，经常要用的还是记下了为好。 框架概念： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 即可，页面所有框架标记需要放在一个总的 html 档案里，这个档案只记录了该框架如何分割 ，不会显示任何资料，所以不必放入 标记，浏览这框架必须读取这档案页面而不是其他框窗的档案。[b] 是用来划分框窗[/b]，每一窗框由一个 标记所标示，[b]必须在 范...
HTML框架集<frameset>
IUNIQUE技术册
02-12 975
是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。(【注意】：frameset要起作用，不能和一起使用，先去除标签)<frameset rows="水平切分HTML，用,（英文逗号隔开）用多个逗号来指定要分割多少部分" cols="垂直分割,用(英文逗号隔开) 用多个逗号来指定要垂直切分多少个部分" bordercolor="用来指
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值