精华内容
下载资源
问答
  • 在框架中显示网页的属性是
    千次阅读
    2021-06-13 18:28:24

    浮动框架在网页制作中使用技巧

    浮动框架在网页制作中使用技巧摘要:首先介绍了浮动框架的应用特点,然后结合实际的使用技巧介绍了在浮动框架中:可以制作与其它页面之间的链接,设置浮动框架的滚动条及区域的颜色,根据需要可以设置浮动框架的自调高度,以及浮动框架在网页设计的模板中同样可以灵活应用。在介绍这些应用技巧的同时指出浮动框架在应用中的缺点,那就是不能进行可视化地操作,只能由代码编写来执行。

    关键词:网页设计;浮动框架;锚记;自适应高度;模板

    中图分类号:TP393.092 文献标识码:A 文章编号:1007-9599 (2012) 09-0000-02

    浮动框架也叫嵌入式框架或内联框架,是一种特殊的框架页面。浮动框架就是在网页中嵌入一个框架,可以自由控制窗口大小,可以配合表格随意地在网页中的任意位置插入窗口。通过链接可以在这个有限的浮动窗口中显示理想的网页效果。

    一、浮动框架的应用特点

    正确使用浮动框架,可以给网站的创建带来许多便利,比如在个人网站中,可以将留言内容放在一个嵌入式框架里,这样既方便又漂亮;也可以为框架定义一个名字,并在其中显示链接网页,这样就实现了在各个页面之间快速跳转的目的。

    尽管浮动框架可以插入到页面中的任意位置,不过遗憾的是,在DreamweaverCS3中不能可能实现可视化地制作浮动框架,需要用手写代码方式来实现。

    二、网页上的对象超链接到嵌入的浮动框架

    关键点是一定要给这个iframe命名。操作是。再把网页上建立的超链接语句应该写为:xxx

    语句中的URL用相对路径较好,但也可以用绝对路径,height表示高度, width表示宽度,在实际应用可根据实际情况调整。是否显示页面滚动条用scrolling表示,有三个可用的参数为auto、yes、no,若省略了选项,则默认为auto。

    三、浮动框架外面的元素链接框架内的锚记

    在上面制作的基础上,仍然可以用超链iframe来做,例如:可参照以下的代码来完成:

    test

    主要是 a标签的target属性应该是框架的名称, target 属性规定在何处打开链接文档。另外如果需要连接到锚记的话需要加#锚记名称,再比如说,那么就可以用test连接过去。而 标签的 href 属性用于指定超链接目标的 URL。

    四、设置浮动框架滚动条的颜色

    将以下这段CSS放在框架链接的页面就可以看到效果了。至于颜色值按你的具体要求修改。

    html{

    scrollbar-face-color:# #00CCFF;

    scrollbar-highlight-color:#FFCC00;

    scrollbar-3dlight-color:#336666;

    scrollbar-darkshadow-color:#666633;

    scrollbar-Shadow-color:#666633;

    scrollbar-arrow-color:#336666;

    scrollbar-track-color:#FFFF00;

    }

    各条语句含义如下:

    Crollbar-face-color:设定滚动条页面颜色;

    Scrollbar-highlight-Color:设定滚动条斜面和左面颜色;

    Scrollbar-3Dlight-Color:设定滚动条上边和左边的边沿颜色;

    Scrollbar-darkshadow-Color:设定滚动条下边、右边边沿颜色。

    Scrollbar-shadow-Color:设定滚动条下斜面和右面颜色;

    Scrollbar-arrow-Color:设定滚动条两端箭头颜色;

    Scrollbar-track-Color:设定滚动条底版颜色;

    五、设置浮动框架的自适应高度

    在使用iframe时经常会遇到所调用的页面在预览时出现滚动或页面不能完整显示的情况,对整个页面的美观产生较大影响,此时可在“代码”中添加下例中的代码,问题就迎刃而解了。

    比如网页上有3个链接:链接1、链接2、链接3、和1个浮动框架:Iframetest。如果想通过这3个链接来改变浮动框架的高度,例如:点击“链接1”就将Iframetest的高度设为110;点击“链接2”就将Iframetest的高度改为230;点击“链接3”就将Iframetest的高度改为350,这样的效果该如何实现?

    可以设置一个实例Iframe的自适应高度来解决这个问题:

    六、浮动框架应用于模板中

    首先制作一个带有表格布局的网页模板,设置可编辑区域时要不同于常规的类型,需要使用嵌入式浮动框架来实现。

    (一)将可编辑区域设置为嵌入式浮动框架

    1.将插入点置于要设置可编辑区域的单元格中,单击文档工具栏

    更多相关内容
  • 网页中框架(详解)

    千次阅读 2021-06-13 05:56:40
    框架页面设定子框架名称4.如果框架页面之间存在链接,框架中设定链接。注意:框架页面是不含标签的二、基本语法您的浏览器不支持框架,请考虑升级您的浏览器!定义框架的基本语法框架由一对定义有两个属性...

    9c33a72acbd80fdca539e7ad74700b38.png

    所谓

    一、制作框架页面的步骤:

    1.编写所有子框架页面

    2.编写主框架页面

    3.在主框架页面中设定子框架名称

    4.如果框架页面之间存在链接,在子框架中设定链接。

    注意:框架页面是不含标签的

    二、基本语法

    您的浏览器不支持框架,请考虑升级您的浏览器!

    定义框架的基本语法

    框架由一对

    定义有两个属性:rows和cols

    Rows定义上下分割的框架的大小;

    cols定义左右分割的框架的大小;

    在定义大小时,rows和cols可以使用相对大小或以百分比为单位。

    各窗口的尺寸设置

    横排多个窗口

    排列方式:

    A

    B

    C

    纵向排列多个窗口

    排列方式:A B C

    COLS & ROWS:纵横排列多个窗口

    排列方式:

    B

    A

    C

    框架边框的颜色

    bordercolor="ff0000“

    各窗口边框的设置

    frameborder=#

    #=yes, no / 1, 0

    框架边框的宽度

    framespacing=”10″

    三、的属性

    name:定义该框架的名字。这个名字可以被一些网页元素引用,如被元素引用。

    Src:在本框架里显示网页的URL。

    Target:目标框架,引用的是目标框架的名字。

    在当前框架中打开超链接页面

    默认就是在当前框架页中打开,也可以采用Target=“_self”

    在指定框架中打开超级链接页面

    Target=“name”

    新开窗口打开链接页面

    Target=“_blank”

    跳出整个框架集

    Target=“_parent”

    Scrolling:是否显示滚动条。yes, no, auto

    Noresize:框架在浏览器里不可以被调整大小。

    iframe

    定义和用法

    iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

    iframe常用属性:

    frameborder:是否显示边框,1(yes),0(no)

    height:框架作为一个普通元素的高度,建议在使用css设置。

    width:框架作为一个普通元素的宽度,建议使用css设置。

    name:框架的名称,window.frames[name]时专用的属性。

    scrolling:框架的是否滚动。yes,no,auto。

    src:内框架的地址,可以使页面地址,也可以是图片的地址。

    当主页面和iframe同域时,我们可以获取iframe里的内容:主要的两个API就是contentWindow,和contentDocument

    iframe.contentWindow, 获取iframe的window对象

    iframe.contentDocument, 获取iframe的document对象

    这两个API只是DOM节点提供的方式(即getELement系列对象)

    var iframe = document.getElementById("iframe1");

    var iwindow = iframe.contentWindow;

    var idoc = iwindow.document;

    console.log("window",iwindow);//获取iframe的window对象

    console.log("document",idoc); //获取iframe的document

    console.log("html",idoc.documentElement);//获取iframe的html

    console.log("head",idoc.head); //获取head

    console.log("body",idoc.body); //获取body

    125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/5719.html

    展开全文
  • HTML网页内联框架

    千次阅读 2021-12-14 16:46:42
    通过使用框架,你可以同一个浏览器窗口中显示不止一个页面。 iframe语法: <iframe src="URL"></iframe> 该URL指向不同的网页。 iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签...

    HTML网页内联框架iframe

    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。


    iframe语法:

    <iframe src="URL"></iframe>
    

    该URL指向不同的网页。


    iframe - 设置高度与宽度

    height 和 width 属性用来定义iframe标签的高度与宽度。

    属性默认以像素为单位, 但是你可以指定其按比例显示 (如:“80%”)。

    实例

    <iframe loading="lazy" src="demo_iframe.htm" width="200" height="200"></iframe
    

    iframe - 移除边框

    frameborder 属性用于定义iframe表示是否显示边框。

    设置属性值为 “0” 移除iframe的边框:

    实例

    <iframe src="demo_iframe.htm" frameborder="0"></iframe>
    

    使用 iframe 来显示目标链接页面

    iframe 可以显示一个目标链接的页面

    目标链接的属性必须使用 iframe 的属性,如下实例:

    实例

    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>
    

    综合实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>内联框架iframe</title>
    </head>
    <body>
    
    <!--iframe内联框架
    <iframe src="path"  引用页面地址
            name=“mainFrame"  框架标识名
            w—h  宽度高度
    </iframe>
    -->
    
    <iframe src="https://blog.csdn.net/qq_47897078?spm=1000.2115.3001.5343" width="1500px" height="500px" name="阿马的博客"></iframe>
    
    <a href="https://blog.csdn.net/qq_47897078/article/details/121887918?spm=1001.2014.3001.5501" target="阿马的博客">点击跳转</a>
    
    <!--
    <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"
            scrolling="no"
            border="0"
            frameborder="no"
            framespacing="0"
            allowfullscreen="true">
    </iframe>>
    -->
    </body>
    </html>
    
    展开全文
  • Dreamweaver应用框架是非常容易的事情,下面我们就来看看具体的应用。
  • HTML网页框架代码

    千次阅读 2021-06-13 10:29:21
    HTML网页框架代码html内嵌框架标签会创建包含另外一个html文件的内联框架(即行内框架),src属性来定义另一个html文件的引用地址,frameborder属性定义边框,scrolling属性定义是否有滚动条,代码如下:内嵌框架与a...

    HTML网页框架代码

    cc7d6d991b6000c39a1b56d59a286786.png

    html内嵌框架

    标签会创建包含另外一个html文件的内联框架(即行内框架),src属性来定义另一个html文件的引用地址,frameborder属性定义边框,scrolling属性定义是否有滚动条,代码如下:

    内嵌框架与a标签配合使用

    a标签的target属性可以将链接到的页面直接显示在当前页面的iframe中,代码如下:页面一

    页面二

    页面三

    实例

    简单的三框架页面:

      

    可选的属性属性值描述

    0

    1规定是否显示框架周围的边框。

    URL规定一个包含有关框架内容的长描述的页面。

    pixels定义框架的上方和下方的边距。

    pixels定义框架的左侧和右侧的边距。

    name规定框架的名称。

    noresize规定无法调整框架的大小。

    yes

    no

    auto规定是否在框架中显示滚动条。

    URL规定在框架中显示的文档的 URL。

    /*****列分*****/

    /*FRAMESET用来划分框窗,每一窗框由一个FRAME标记标示FRAME必须FRAMESET范围中使用*/

    /*使用Noresize属性可以确保Frame的大小。如果不使用noresize属性,你可以用鼠标移动Frame的边界,来改变Frame的大小*/

    /*frame属性:scr=" "定义在帧中显示的内容的来源,frameborder=" "定义帧之间的边界,margwidth=" "设置帧的边界和其中内容之间的间距,margheight=" "设置帧的边界和其中内容之间距,noresize=" "同上,scrolling=" "设置滚动条的表示方式(auto, yes, no)*/

    /******行分*****/

    /****混合******/

    网页框架代码

    特点是无论使用何种分辨率,它的大小和位置都是不变的。

    我所收集的:

    1.

    2.右边框架

    3.上下框架

    4.网页内嵌框架

    ~~~~~

    也可以自己修在框架大小:

    marginWidth=0 frameSpacing=0 marginHeight=0

    src="所要放的网页的地址" frameBorder=0 width=400

    height=380>

    在当前网页中包含另一个网页:

    9、网页打开后,隔一定时间自动刷新:

    10、网页打开后,隔一定时间自动跳转到另一页:

    两个域名同一个空间自动跳转的ASP代码

    + View Code

    脚本方式

    如:

    html的meta方式

    如:

    这种方法的好处是可以控制重定向的时间.

    展开全文
  • 怎样使用iframe,在网页中插入页面

    千次阅读 2021-03-22 09:32:55
    首先,我们使用DreamWeaver新建一个站点,将我们需要归纳到一个页面的网页都包含这个站点里面。然后我们找到一个需要嵌入页面的html文件,使用DW软件打开,找到需要插入页面的位置。3然后我们输入标签。前半个...
  • 其实这是页面利用了框架技术,因此可以把浏览器的显示空间分割为几个部分,每个部分都独立显示网页内容。而且把几个框架结合一起构成框架集,能够让页面具有更为丰富的效果。效果说明先建立两个页面...
  • 创建框架 选择框架 编辑框架 保存框架框架集文件 7.1框架的概念 框架的作用就是把浏览器窗口划分为若干个区域每个区域可以分别显示不同的网页 框架主要包括两部分一个是框架集另一个就是框架框架集是一个文件内...
  • html框架属性介绍

    2019-10-15 15:33:39
    一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分,一个是框架集,另一个就是具体的框架文件。 框架多用于网站后台或者内网...
  • 本文记录了如何使用HTMLa标签的target属性在指定的框架中打开被链接文档。 使用<frame>标签,做一个有框架网页框架思路如下图所示: 该网页由Frame A和Frame B两部分组成,其中给Frame A设置属性值...
  • 框架标签是一种与网页布局密切相关的标签,通过使用框架,可以同一个浏览器窗口显示多个页面。 1、框架集标签 < frameset > 1️⃣水平/垂直分割窗口属性rows、cols属性 < frameset >元素的cols、row...
  • 网页框架布局设计Ah, frames. We hated them when Netscape first offered them up around 1995; we deplored them when they became all the rage for a few short years; we wish they would go away and never ...
  • 第7章 使用框架 教学目标 掌握创建编辑和保存框架的方法 掌握设置框架框架属性的方法 掌握创建嵌入式框架的方法 7.1 创建框架 认识框架框架集 创建和保存框架网页 在框架中打开网页 本节主要内容 7.1.1 认识...
  • ”标记文档插入的框架也是 window 对象,但是用“包含网页”的方法( HTML 中显示为“<!–webbot bot=”include” …–>”)读取的 HTML 就不占用独自的 window 对象。每一个框架都是包含它的页...
  • 框架结构可以让几个网页同时显示在浏览器的一个页面内。我们不推荐您使用它来设计网站。 框架结构标签<frameset></frameset> 框架允许你一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,<...
  • HTML 框架

    2021-01-19 21:29:35
    通过使用框架,你可以同一个浏览器窗口中显示不止一个页面。   iframe语法: <iframe src=”URL“> 该URL指向不同的网页。 Iframe – 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。...
  • 如果一个 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口...
  • Dreamweaver

    千次阅读 2020-12-31 06:54:30
    Dreamweaver制作网页的时候,表格布局已经不能实现网页的功能了,比如同一页面下有多个子页面时,就要使用框架结构来布局,下面我们就来看看Dreamweaver使用框架结构快速制作网页的详细教程,希望能帮到有需要的朋友...
  • 当我们电脑系统使用IE浏览器浏览网页时,偶尔会出现是否只查看安全内容的提示,甚至有可能会出现页面显示不全的情况。一般遇到这种情况会选择继续查看网页内容,怎么去处理?下面,小编给大家介绍网页显示不全的...
  • html文件怎么把超链接显示靠右

    千次阅读 2021-06-13 03:55:04
    1.html语法编写网页怎么实现...当点击网站左侧的超链接,相应的内容右侧的 div中显示,怎样能实如何利用jquery来达到frame的框架的效果,也就是点击左边的链接,右边可以实现刷新!这里我们就要用到jquery的loa...
  • 框架页面通过框架将网页分成多个独立的区域每个区域可以单独显示不同的网页每个区域可以独立翻滚正是基于框架页面的这种特点使用框架可以极大丰富网页设计的自由度不同的页面部分设置不同的网页属性尤其是对于...
  • 好东西...试试看看...哈哈 本 章 要 点 认识框架框架集 创建框架集 选择框架框架集 设置框架框架集的属性
  • XHTML:框架结构标签

    2020-09-28 10:15:31
    框架结构标签<... 框架允许你一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,<frameset>其实就是一个大,只不过整个页面是的主体,而每一个单元格的内容都是一个独立的网页。 给框架结构分
  • HTML框架frame与iframe详解

    千次阅读 2021-06-12 19:14:55
    HTML框架框架简介经过使用框架,你能够同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,而且每一个框架都独立于其余的框架。使用框架的坏处:html开发人员必须同时跟踪更多的HTML文档很难打印整张...
  • HTML框架集与布局

    千次阅读 2021-06-13 09:26:11
    ....HTML框架集我们可以通过框架一个浏览器窗口中显示多个页面。HTML框架集的使用十分简单,我们需要用到如下2个标签:frameset的属性frameset主要有以下属性:rowscolsboede...博文来自...
  • 进行网站网页设计,会经常碰到一个窗口需要显示多个独立的网页页面的问题,这时候需要用到HTML frame系列标签,而frame系列 标签是HTML框架中不可缺少的。要正确理解HTML框架和HTML页内框架是两个概念。HTML...
  • 网页iframe框架常见的应用例子

    千次阅读 2022-02-22 09:30:12
    网页iframe框架常见的应用例子,网页iframe框架常见的调用例子
  • Web 基础之 SSH 框架访问网页返回 json 数据简单实现的整理 ...本节介绍,Web 开发 使用 SSH 框架,简单实现访问网页返回 json 数据的方法,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。 ...
  • 网页布局和框架

    千次阅读 2019-04-23 22:44:51
    一、网页布局: 隆重推出<div>元素,<div> 元素常用作布局工具,能够轻松地通过 CSS 对其进行定位。 div+css布局好处:便于维护,有利seo(谷歌将网页打开速度作为排名因素及SEO因素),网页打开速度更...
  • 框架网页画面分成几个框窗(不同的窗口对应不同页面以几个网页的形式显示),同时取得多个 src的地址。页面所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 113,677
精华内容 45,470
关键字:

在框架中显示网页的属性是