HTML学习(七)——框架

网页浏览器其实就是一个单一的框架,通过HTML标记的加入,我们可以将该单一框架分割成多个框架,并在每个框架中显示指定的网页。

多框架的基本结构

<frameset> 用来声明设置多框架结构

  <frame>

  <frame>

  <frame>

</frameset>

注意,使用<frameset>标记时要删除<body></body>标记,二者不可共存


<frameset>标记有如下属性名称:

属性名称设定值说明
cols像素将网页分割成并列排布的多个框架
 百分比 
rows像素将网页分割成垂直排布的多个框架
 百分比 
border像素边框宽度
framespacing像素页面与页面的边距

注意,在使用属性cols和rows进行窗体分割时,如果设定了其中一个框体的像素或百分比数值,而其他框体自动扩展,则设定值可以用*代替,例如:

<frameset cols="160,*"> 此例中将浏览器分割成并列排布的两个框体,其中左边框体的宽度固定为160像素,右边框体的宽度随着浏览器视窗大小自动扩展。


<frame>标记具有如下属性名称:

属性名称设定值说明
srcURL链接的页面
noresize 输入后,框体大小将不能由浏览者自行调整
   
scrollingyes不管网页内容大小,都出现滚动条
 no不管网页内容大小,都不出现滚动条
 auto让浏览器自己判断
marginheight像素设置垂直方向,内容与边界的距离
marginwidth像素设置水平方向,内容与边界的距离
frameborder0/1不出现/出现框体边线
注意,marginheight和marginwidth属性与leftmargin、rightmargin、topmargin和bottommargin的属性相冲突时,后者的优先级更高。


多框体的嵌套

博客样式的多框体嵌套代码:
<frameset rows="20%,80%">
    <frame src="URL">
    <frameset cols="20%,80%">
        <frame src="URL">
        <frame src="URL">
    </frameset>
</frameset>
也即先将页面分割成上下两部分,设置上半部分的网页URL。再将下半部分网页分割成左右两部分,依次设置左右两部分的网页URL。

多框体下的超链接

假如一个网页设置了左右两个框体,左边框体专门用来放导航菜单的超链接,右边框体专门用来显示内容,可以通过下面格式实现:
<frame name="框体名称"> (先用属性name将右边的框体命名)
<a href="URL" target="框体名称"> (在编写左边框体,给文字设定超链接时,增加属性target,设定值为刚才命名的框体名称)

悬浮框体的设置

<iframe></iframe>
属性名称设定值说明
height像素/百分比设置框体高度
width像素/百分比设置框体宽度
除了noresize外,其他属性和设置值规定都与<frameset></frameset>一样。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值