Lesson02_02    帧标签

所属分类: 网络编程 / CSS/HTML 阅读数: 1267
收藏 0 赞 0 分享
一个窗口中用帧来显示多个网页
  • <frameset></frameset>     用来定义框架集中有几个帧,及各个帧是如何排列的!
    <frameset></frameset>标签对嵌套在<html></html>标签对中,也可以嵌套在其它<frameset></frameset>标签对中.<frameset></frameset>标签对 不能嵌套在<body></body>标签对中,使用<frameset></frameset>标签对中也不可以嵌套<body></body>以及位于<body></body>标签对中的其它标签 .
    例如下的代码是错误的:
    例一:
    <html>
    <body>
    <frameset cols="30%,*">
    <frame>
    <frame>
    </frame>
    </body>
    </html>
    例二:
    <html>
    <frameset cols="30%,*">
    <body>
    <frame>
    <frame>
    </body>
    </frame>
    </html>
    属性:
    属性名 作  用
    rows 分为几行,可以是像素值也可以是%比
    例:rows="20,30%,*,*"后两个*平分
    cols 分为几行,可以是像素值也可以是%比
    例:cols="20,30%,*,*"后两个*平分
    border 每个边框的宽度
    frameborder 是否显示边框,值为:"1","0","no","yes"
    >
  • <frame></frame> 放在<frameset></frameset>之间,用来定义具体的帧窗口.
    属性名 作用
    scr 设初始显示的网页
    name 帧窗口名
    scrolling 是否显示滚动条.默认为:auto,可以是yes、no
    noresize 是否可以用鼠标拖动来改变帧的大小
  • <noframe></noframe> 用来在那些不支持<frame></frame>的浏览器中显示文本
    例如下:
    <noframe>
    <body>
    <p>这是一个框架窗口,可是你的浏览器不支持!</p>
    </body>
    </noframe>
    
    这时如果浏览器不支持框架就会显示上面的文字!
  • <iframe></iframe> 不需要放在<frameset></frameset>对中,其属性与<frame></frames>一样例如:
    代码如下 效果如下
    <iframe border=0 src="https://www.jb51.net">


  • 更多精彩内容其他人还在看

    简单明了带你了解CSS Modules

    不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
    收藏 0 赞 0 分享

    新手学习css优先级

    大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
    收藏 0 赞 0 分享

    css进阶学习 选择符

    css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
    收藏 0 赞 0 分享

    实现css文字垂直居中的8种方法

    CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
    收藏 0 赞 0 分享

    完美实现CSS垂直居中的11种方法

    在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
    收藏 0 赞 0 分享

    webpack高级配置与优化详解

    这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
    收藏 0 赞 0 分享

    5个HTML5的常用本地存储方式详解与介绍

    在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
    收藏 0 赞 0 分享

    CSS代码检查工具stylelint的使用方法详解

    stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
    收藏 0 赞 0 分享

    Zen Coding css,html缩写替换大观 快速写出html,css

    本文是在zen使用生产中遇到的问题做一些分享。
    收藏 0 赞 0 分享

    javascript代码规范小结

    javascript代码规范,大家可以参考下,以便写出更利于阅读的代码。
    收藏 0 赞 0 分享
    查看更多