zoukankan      html  css  js  c++  java
  • web前端之HTML的大框架(body元素与frameset元素)

    web前端之HTML的大框架

                               body元素与frameset元素

    对于从事html的人员来说,我们一般熟悉的框架是先声明html ,然后在<html>标签对里包着<head>标签对和<body>标签对,body元素定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。而我们想要在页面中显示出来的内容全部写在<body>标签对里。

    例如:

    <!DOCTYPE html>

    <html>
      <head>
        <title></title>

        <meta charset="utf-8">
      </head>
      <body>

        <p>页面中能显示出来</p>

      </body>
    </html>

    但是还有另外一个大框架,就是<frameset>标签对,它被用来组织多个窗口(框架),不常用,估计也很少人知道的,不多说  上代码演示:

    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
    </head>
      <frameset cols="25%,50%,25%">
        <frame  style="background-color: yellow ">
        <frame  style="background-color: green ">
        <frame  style="background-color: lightbl ">
      </frameset>
    </html>

     

         在其最简单的应用中,<frameset>标签对仅仅会规定在框架集中存在多少列或多少行,必须使用 cols 或 rows 属性。
    代码中的cols表示的是所分的列,用相对宽度来表示的,第一列占整体宽度的25%,第二列占整体宽度的50%,第三列占整体宽度的25%,分别加上不同的背景色,看起来更明确。类似的也可以分成若干行rows 来划分整体的高度。如果所分的行或是列不能完全占据整体的宽度或是高度,就在最后加一个 * 来划分剩余的宽度或是高度。
    <frameset>每个框架存有独立的文档,可以用src属性来调取,例如<frame src="a.html">就在一个框架中调取了 a.html文件。
    需要注意的是 :不能与 <frameset></frameset> 标签一起使用 <body></body> 标签,它们是归属不同的框架架构。不过,如果需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!
     
  • 相关阅读:
    舒迅:微信商业模式的挑战点
    标签Tag列表的实现
    UITableView下拉更新/上提加载的实现
    一张背景图实现的漂亮黄色CSS菜单
    纯CSS打造漂亮的圆角边界导航
    CSS打造立体按钮式的竖向导航菜单代码
    纯CSS实现蓝色圆角下拉菜单
    用于用户中心或后台左侧的JS折叠菜单
    滑动鼠标放大带阴影的纯CSS菜单
    JavaScript打造超酷很动感的鼠标特效菜单
  • 原文地址:https://www.cnblogs.com/zx111/p/5768508.html
Copyright © 2011-2022 走看看