如何将多个html页面显示在一个页面

2024-10-30 23:04:46
推荐回答(5个)
回答1:

需要用iframe标签

先把用到的标签样式写出来再分析

 

 

 

一、我们看一下多个html文件

这里,把头部top.html和底部foot.html两个单独写出来了,接下来就是如何把他们都写在index.html里面,确保在浏览首页的时候,页面调取正常

二、再看一下写在index.html里的位置和样式

中间是主体展示内容

三、需要注意的就是,调取top.html和foot.html的时候要给width值和height值

不然,默认只会调出来左上角的一小块内容

总结一下:

单独的top.html和foot.html里面的样式,页要保证完整性,截图说明

要确保这样的结构正常,而不是单单红框里的内容

回答2:

  • 在HTML中,让两个DIV在同一行显示,就是通过float属性来设置的,可以通过设置3个div,然后第一个div包裹住其他2个div,然后在设置宽高就可以了,提交一段代码:



  • DIV的同行测试





  • 左边的固定测试文字




  • 右边的固定测试文字





  • 超文本标记语言, 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

    回答3:

    使用iframe,是框架的一种形式,也比较常用到

    Iframe用法,下面是一个常规的列子


    其中:

    iframe用于设置文本或图形的浮动图文框或容器。 

    border设定围绕图文框的边缘宽度 
        其中还有快读高度的设计
    scrolling=no 是否有滚动条(YES,NO,AUTO) 
    SRC 指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) 



    Iframe标记的使用 
    提起Iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的内容页,不含其它内容,在点击上下翻页链接时,只改变教程内容部分,其它保持不变,这样,一是省时,另则以后如教程有个三长两短的变动,也很方便,不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。 
    现在我们谈一下Iframe标记的使用。 
    Iframe标记的使用格式是: 

    src:文件的路径,既可是HTML文件,也可以是文本、ASP等; 

    width、height:”画中画”区域的宽与高; 
    scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示; 
    FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。 
    比如: 

    回答4:

    可以在a.html使用iframe来包含b.html 从而显示a和b页面

    回答5:

    如果是纯html的话可以通过iframe 镶嵌的方式来解决,不过不太明白你的意图,为何要在多个面页集中显示在一个HTML面页,麻烦详细说说,当然IFRAME+CSS是个不错的解决办法

    相关问答
    最新问答