美文网首页
frameset框架实例

frameset框架实例

作者: 小明缘 | 来源:发表于2017-12-02 20:02 被阅读0次

frameset是HTML中的元素之一,可以用来组织多个框架,每个框架都由单独的HTML文档构成。它的作用就是对网页的整体进行划分和整体布局。可以同时显示多个超文本页面。

frameset对象的属性

 ##cols: 设置框架集中列的数目。
 ##rows: 设置框架集中行的数目
 ##frameborder: 是否显示边框,frameborder=0表示隐藏边框,frameborder=1表示显示边框。
 ##framespacing 用来设置边框之间的距离,用CSS实现。

frameset具体使用

首先和HTML以往定义元素一样以<frameset>开始</frameset>结束。中间定义主体框架。
<-frameset clos="20%,20%,*" ;rows="30%,20%,", frameboder=0>;上面的例子中clos="20%,20%,";表示将页面分为3列,第一列,第二列占页面整体比例的20%,*表示占剩下的全部页面。rows也是如此,只不过是横向划分。也可以用具体的值表示例如30表示占页面30像素。还有用相对百分比定义3*表示占页面的75%。还可以进行混合定义例如rows="20%,50,1*,*";
然后向框架中加入超文本页面。下面的代码总共涉及4个超文本页面。主页面代码如下。

<!doctype html>
<html>
<title>我的主页</title>
    <meta http-equiv="Content-type" content="text/html"/>
    <meta name="keyword" content="图书搜索"/>
    <meta name="author" content="Liang"/>
    <meta charset="UTF-8"/>
</head>
<frameset rows="20%,*" frameborder=0>
  <frame src="index1.html" name="n1"/>
  <frameset cols="15%,*">
     <frame src="index3.html" name="n2" noresize="noresize"/>
     <frame src="index2.html" name="n3"/>
   </frameset>
</frameset>
</html>

其中<freamset>…</freamset>不能和<body>…</body>一起使用,因为freamset代替了body。除非当浏览器版本低,不支持freamset时,可以使用<nofreams>…</nofreams>代替<freamset>…</freamset>
此时,中间可以使用body标签。

参考资料

-----360百科
-----www.dreamdu.com1.81.HTML frameset标签

相关文章

  • 2018-07-16

    HTML 框架实例 1......定义框架集 属性:border、scr...

  • frameset框架实例

    frameset是HTML中的元素之一,可以用来组织多个框架,每个框架都由单独的HTML文档构成。它的作用就是对网...

  • 9-12

    9-12一、框架集创建一个框架集,与 不能同时出现

  • HTML框架

    1. 什么是框架 2. 划分框架标记 语法格式... 属性...

  • 框架

    一、框架标签 框架:就是一个分割窗口。用框架标签 1、使用框架标签就不能使...

  • [学习笔记] Html 基础补充

    html框架 框架结构标签 - 框架结构标签定义如何将窗口分割为框架 每个 frameset...

  • HTML框架集frameset和内嵌框架iframe

    今天总结和 两个标签。 frameset标签用于定义一组框架集,将...

  • HTML:框架

    外联框架 a):声明一个框架,用来组织过个页面,每个页面都是独立的个体。...

  • 笔记4 框架

    框架 frameset 一个窗口可以打开多个网页使用的是frameset标签。注意!: 使用frameset就不能...

  • frameset框架

    frameset框架属性详解 noresize="noresize" ;使框架不能被手动拉伸,用在frame标签中...

网友评论

      本文标题:frameset框架实例

      本文链接:https://www.haomeiwen.com/subject/zvxobxtx.html