吾爱乐享
个人学习网站

php学习之html属性-框架(八)

普通框架

语法:

<frameset>     //划分用的

<frame>         //显示用的

<frame>

…….

<noframe>直接显示的描述文字</noframe>    //描述

</frameset>

目的:框架就是对当前页面进行分割,划分成每个小窗口,每个小窗口显示不同的页面

作用:用于后台的制作,前台不再推荐使用,兼容性不好

注意:如果是框架结果的网页,不能有body,而且他的文档头是frameset的,而不是普通文档头DOCTYPE

框架的文档头<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">

frameset的属性:

  • rows:跨行划分                        值:划分窗口的方式
    • rows:10,*             //上面是10,其他的都给了下面
    • rows:10,*20         //上面是10 ,下面是20,其余的都给了中间
    • rows:10,20,*        //上面的是10,中间的是20,其余都给了下面
    • rows:20%,*             //上面的是20%,其他都给了下面
  • cols:左右划分                          值:划分窗口的方式
    • cols:10,*               //左边10,其他右边
    • cols:20%,*10            //左边百分之20,右边10,其他中间

注意:划分遵循先上下在左右

划分窗口的嵌套,需要在哪个位置嵌套,就在那个位置上再次划分窗口,就把原来的frame换成了一个新的frameset

  • border:边框                  值:数字
  • bordercolor:边框颜色

iframe的属性:

  • src:要显示页面的路径
  • scorlling:取消滚动条                   值:yes或no
  • noresize:不能滑动                       值:yes或no
  • name:要把显示页面显示到哪个窗口就给这个窗口起个名称
  • tagtet:打开方式                       值:_blank.      _self             _top           _parent

案例:

index.html

head.html

2.内嵌框架

<iframe>您的浏览器不支持内嵌框架</iframe>

常用的属性:

  • align:水平对齐方式                 值:left         center        right

给外层块元素使用align可以对iframe进行位置的移动

  • scrolling:滚动条                 值:yes或no
  • src:要显示到窗口的页面的路径
  • width:窗口的宽度              值:数字
  • height:窗口的高度             值:数字
  • frameborder:框架边框       值:0或1         yes或no

赞(0) 打赏
未经允许不得转载:吾爱乐享 » php学习之html属性-框架(八)

评论 抢沙发

评论前必须登录!

 

推荐免费资源共享,个人经验总结学习

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏