前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php学习之html属性-框架(八)

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

作者头像
吾爱乐享
发布2018-07-12 16:48:51
1.3K0
发布2018-07-12 16:48:51
举报
文章被收录于专栏:吾爱乐享吾爱乐享

普通框架

语法:

<frameset>     //划分用的

<frame>         //显示用的

<frame>

…….

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

</frameset>

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

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

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

代码语言:javascript
复制
框架的文档头<!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
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-04-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 普通框架
    • frameset的属性:
      • iframe的属性:
        • 案例:
        • 2.内嵌框架
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档