HTML框架

一,框架的基本含义和基本构成

1,框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口表示不同的“URL”页面。《URL:代表网址,是全球统一的资源符》使用框架可以非常方便的在浏览器中浏览不同的页面效果,也可以非常方便的完成导航工作。

2,所有的框架标记需要放在HTML中,HTML文档标签<body>被框架集标签<frameset>所取代,然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。

所以当我们使用框架集标签<frameset>时,需要去掉HTML标签内的<body>标签

 

二,子窗口<frame>标签的设定

1,<frame>是单标签,<frame>标签要放在框架集frameset中,<frameset>设置几个子窗口,就必须对应几个<frame>标签,而且,每一个<frame>标签内还必须设定一个网页文件(src="  *.html ")frame标签内常用的属性如下:

src:提示加载的url文件的地址

bordercolor:设置边框的颜色

frameborder:指示是否需要边框,数字1,表示显示边框,2,表示不显示(不提倡用yes或者no来表示)

border:设置边框的粗细

name:设置提示边框的名称,是连接标记的target所需要的参数

noresize:提示不能调整窗口大小,不写此属性时,就可以调整(用于固定窗口)

scorlling:指示是否要滚动条,值为:auto(根据需要自动出现)yes(有),no(无)

marginwidth:设置内容与窗口左右的边缘的距离,默认为1

marginheight:设置内容与窗口上下边缘的边距,默认为1

width:设置橱窗的宽度及高度,默认为width=“100”,height=“100”

align:调整橱窗的位置:left 左边,right右边,top 上,middle中间,bottom下

 

三,框架集<frameset>控制

1,框架结构可以根据框架集标签<frameset>的分割属性分卫3种:

      a,左右分割窗口

      b,上下分割窗口

      c,嵌套分割窗口

以下为frameset的属性:

cols:分割左右窗口的属性<宽度>,用%表示,“ * ”表示剩余部分

rows:分割上下窗口的属性<高度>,用%号表示,“  *  ”表示剩余部分

《嵌套分割,就是利用cols,rows来配合运用》

border:设置边框粗细,默认5像素

bordercolor:设置边框颜色

farmeborder:指定是否显示边框,0代表不显示,1,代表显示边框

framespacing=“5”:表示边框与框架间保留空白的距离

noresize:设定框架不能调节,只要设定了前面的,后面的将继承

 

target:目标,在使用中指定目标,之后用name属性指定该目标

 

四,frameset的应用

《不能将body标签与frameset标签同时使用》

假如:添加包含的一段文本的<noframs>,就必须将这段文字嵌入body标签内。

<frameset cols="25%,50%,25%">
  	<frame src="/example/html/frame_a.html" /> 
 	<frame src="/example/html/frame_b.html" />
  	<frame src="/example/html/frame_c.html" />
    <noframes>
          <body>
               <body>这是浏览器无法处理的框架!</body>
          </body>
    </noframes>
</frameset>

 

五,<noframes></noframes>标签

<noframes>标签,这对标签的作用是当浏览者使用的浏览器太旧,不支援框架这个功能时,浏览看到的将会是一片空白,为了避免这种情况,可以使用<noframes>这个标记,当使用的浏览器看不到框架时,就会看到<noframes>这是浏览器无法处理的框架!</noframes>之间的内容,而不是一片空白。

 

六,窗口的名称和连接

       如果在窗口中要做连接,就必须对每一个子窗口命名,以便于被用于窗口间的链接,窗口命名要有一定的规则:名称必须是单个英文单词,允许使用下划线,但是不能使用“——”,“句点”和“空格”等,名称必须以字母开头,不能使用数字,还不能使用网页脚本中保留的关键字,在窗口的链接中还要用到一个新的属性“target”,用这个属性就可以将被链接的内容放置在想要放置的窗口内。

target:目标,在使用中指定目标,之后用name属性指定该目标

 

七,浮动窗口<iframe>

iframe:嵌入式标签,嵌入式标签显示的页面会在浏览器中嵌入

frameborder=“no”属性为去掉嵌入标签,在页面中显示不嵌入

<iframe src="03.html" width="300" height="300" frameborder="no"></iframe>

<h1>这是iframe嵌入式标签</h1>

src:显示的文件路径

name:此框窗名称,这是链接标记的target参数所要的

align:调节窗口的位置,值为:left左,raght右,top上,middle中间,bottom下

height:框窗的高

width:框窗的宽

marginwidth:该插入的文件与边框所保留的空间

marginheight:该插入的文件与边框所保留的空间

frameborder:使用1表示显示边框,0则不显示。(可以是yes或no)

scrolling:使用yes表示容许卷动(内定),no则表示不许卷动

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值