zoukankan      html  css  js  c++  java
  • html(3)框架标签,内联框架

    1.<frameset>标签:定义网页中显示的框架结构。是一个容器标记。

    <frameset> <!....框架标签....>
      <frame src="html的路径加名称"></frame> <!....引用html标签....>
    </frameset>

    (1)属性

       rows属性:定义框架集中行的数目和尺寸,值可以为:像素值,百分比,*(指预留浏览器的其它部分)。

           cols属性:定义框架集中列的数目和尺寸,值可以为:像素值,百分比,*(指预留浏览器的其它部分)。

           实例:  cols="100,*,20%"将把浏览器分为3部分,所占宽度如值。

                      bordercolor属性:指定框架集中框架边框的颜色。值可以为颜色值或者颜色名称,默认为灰色。

                      frameborder属性:设置边框是否可见。0:不可见;1(默认):可见。

                      framespacing属性:指定边框的宽度。值为像素值(注:当设置为0时,可删除边框)。

                      title属性:框架集的说明文本。

       <frameset>标签不能包含在<body>标签。但是<body>标签却要用在<noframe>标签中。

    (2).刷新框架指定区域
    第一步:在指定的feame中指定name属性值
    第二步:在超链接部分指定target的值为那么的属性值

    2.<iframe>标签:创建包含另外一个文档的内嵌框架。

    <iframe src="html路径+名称"  frameborder="0|1"  scrolling="yes|no > </iframe>

    frameborder:0表示无边框 1表示有边框

    scrolling:yes表示有滚动条 no表示没有滚动条

    (1)属性:

           id属性:内嵌框架的唯一标识。

                       name属性:设置内嵌框架的名称。

                       src属性:设置内嵌框架中显示内容的URL。

                       title属性:设置框架的标题。

                       width属性:设置内嵌框架的宽度值,单位为像素。

                       height属性:设置内嵌框架的高度值,单位为像素。

                    marginwidth属性:设置内嵌框架的左右侧的宽度。值为像素值。

                       marginheight属性:设置内嵌框架的上下侧的边界。值为像素值。

                       scrolling属性:规定是否在内嵌框架中显示滚动条。值为:yes,no,auto(默认)。

                       frameborder属性:设置边框是否可见。0:不可见;1(默认):可见。

                       align属性:设置内嵌框架的对齐方式。值为:left(默认),right,center。

            内嵌框架不作为框架集的一部分,它可以放在任何网页的主体部分中,就类似于在网页中放置图片那样。

    (2).刷新内联框架步骤

    第一步:在指定的feame中指定name属性值
    第二步:在超链接部分指定target的值为那么的属性值

    注意:target的属性值
    _blank:在新的窗口打开链接
    _self:在链接所在页面的自身窗口中打开链接
    _parent:在父框架集中打开链接,如果不是框架网面,则含义同“_self”

     

  • 相关阅读:
    16.普通用户、网格长、网格员,操作数据(3)newapp/components/putong.vue
    15.普通用户、网格长、网格员,操作数据(2)newapp/pages/center/center.vue
    14.普通用户、网格长、网格员,操作数据(1)后端部分
    13.需求:在后台可以控制网格长和网格员在小程序端对数据的编辑权限
    Asp.Net Core与携程阿波罗(Apollo)的第一次亲密接触
    Asp.Net Core 3.1 获取不到Post、Put请求的内容 System.NotSupportedException Specified method is not supported
    [Hei.Captcha] Asp.Net Core 跨平台图形验证码实现
    基于IdentityServer4的OIDC实现单点登录(SSO)原理简析
    ASP.NET Core Swagger接入使用IdentityServer4 的 WebApi
    ASP.NET Core 使用 Google 验证码(reCAPTCHA v3)代替传统验证码
  • 原文地址:https://www.cnblogs.com/-yuqin/p/6857876.html
Copyright © 2011-2022 走看看