请选择 进入手机版 | 继续访问电脑版
查看: 70588|回复: 1572

html框架技术

[复制链接]
  • TA的每日心情
    开心
    2017-8-14 09:44
  • 签到天数: 229 天

    [LV.7]常住居民III

    发表于 2016-1-6 00:02:13 | 显示全部楼层 |阅读模式
    框架的作用:

    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

    框架标签:<frameset>
                            <frame>
                            </frame>
                     <frameset>
    框架结构标签(<frameset>)定义如何将窗口分割为框架

    <frameset>有 cols属性和rows 属 性。使用 cols 属性,表示按列分布,使用rows 属性,表示按行分布 。      //本帖以cols属性为例



    ==========================

    具体内容:

    建立ztkj.html, a.html, b.html, c.html, d.html

    ztkj.html中的内容:

    <frameset cols="25%,75%">
    <frame src="a.html"  name="a" noresize="noresize"/>    //不使用noresize属性,可以移动frame的边框。
    <frame src="b.html"  name="b" noresize="noresize"/>
    </frameset>

    注意:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!

    a.html中的内容:
    <body>
    <table border="1" align="center" width="50%" cellspacing="0">
    <tr>
    <td>
    <a href="c.html">这里是c</a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="d.html">这里是d</a>
    </td>
    </tr>
    </table>
    </table>
    </body>


    b.html为空白文档。

    c.html内容
    <p>这里是c.html</p>

    d.html内容
    <p>这里是d.html</p>



    此时打开主体框架:ztkj.html 。点击这里是c会发现c.html是在左侧打开的。

    这是因为<a></a>有一个target属性,默认为自身窗口打开。

    只需要加上target="d"就Ok啦

    <a href="c.html" target="b">这里是c</a>

    <a href="d.html" target="b">这里是d</a>

    这时再点击:这里是c就会在右侧打开c.html


           第一次发这种类型的帖子,请多见谅哈。

    评分

    参与人数 2i币 +16 收起 理由
    xiaoye + 8 支持原创,如果写上浮动框架那就更好!!!.
    昊情· + 8 感谢分享

    查看全部评分

    回复

    使用道具 举报

    该用户从未签到

    发表于 2016-1-6 15:26:34 | 显示全部楼层
    支持,看起来不错呢!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-7 01:42:29 | 显示全部楼层
    支持中国红客联盟(ihonker.org)
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-7 20:58:27 | 显示全部楼层
    支持中国红客联盟(ihonker.org)
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-7 22:44:29 | 显示全部楼层
    还是不错的哦,顶了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-8 10:14:52 | 显示全部楼层
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    3 天前
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    发表于 2016-1-8 10:58:30 | 显示全部楼层
    还是不错的哦,顶了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-8 21:11:47 | 显示全部楼层
    感谢楼主的分享~
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-8 23:47:36 | 显示全部楼层
    学习学习技术,加油!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-1-9 13:42:46 | 显示全部楼层
    支持中国红客联盟(ihonker.org)
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    快速回复 返回顶部 返回列表