zoukankan      html  css  js  c++  java
  • HTML框架

    框架集的使用

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title>主页</title>
     6 </head>
     7 <frameset cols="20%,50%,30%">
     8     <frame src="framea.html"/>
     9     <frame src="frameb.html"/>
    10     <frame src="framec.html"/>
    11 </frameset>
    12 </html>

    frameset和frame标签已经过时了。

    框架集不能定义在body标签

    cols表示横向排列,rows表示纵向排列

    frameset中还能再嵌套frameset


    内联框架

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>主页</title>
    </head>
        <iframe src="framea.html"></iframe>
        <iframe src="frameb.html"></iframe>
        <iframe src="framec.html"></iframe>
    </html>

    framea.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="blue">
        FrameA<br/>
        <a href="http://www.jikexueyuan.com" target="_top">极客学院</a>
    </body>
    </html>

    frameb.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="#7fffd4">
        FrameB<br/>
        <iframe src="framea.html" width="400px" height="400px"></iframe>
    </body>
    </html>

    framec.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="#faebd7">
        FrameC<br/>
        <iframe src="frameb.html" width="600px" height="600px"></iframe>
    </body>
    </html>

    index.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>主页</title>
    </head>
        <iframe src="framec.html" frameborder="0" width="800px" height="800px"></iframe>
    </html>

     关于target属性,可以有两种使用方式

    第一种:内置的打开方式,主要是新标签打开,当前页面打开,上一级框架打开,顶层框架打开

    第二种:在创建iframe的时候指定name属性,那么在<a>标签的target值就可以是name值,会在指定的iframe框架中打开页面

  • 相关阅读:
    【02】Nginx:基本配置和日志处理
    【01】Nginx:编译安装/动态添加模块
    【09】Jenkins:Pipeline 补充
    【08】Jenkins:关于发布
    【07】Jenkins:流水线(Pipeline)
    【06】Jenkins:Gitlab 自动触发构建以及钉钉通知
    【05】Jenkins:用户权限管理
    【04】Jenkins:基本功能补充说明
    【03】Jenkins:SonarQube
    【02】Jenkins:第一个项目
  • 原文地址:https://www.cnblogs.com/sherrykid/p/4573363.html
Copyright © 2011-2022 走看看