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

发布网友发布时间：2022-04-24 09:32

我来回答

共9个回答

热心网友时间：2022-04-19 07:19

需要用iframe标签

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

<!DOCTYPE>

<html>

<head>

</head>

<body>

</body>

</html>

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

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

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

中间是主体展示内容

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

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

总结一下：

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

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

热心网友时间：2022-04-19 08:37

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

<html>

<head>

<title>DIV的同行测试</title>

</head>

<body>

<div>

<p>左边的固定测试文字</p>

</div>

<p>右边的固定测试文字</p>

</div>

</body>

</html>

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

热心网友时间：2022-04-19 10:12

使用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。
比如:

热心网友时间：2022-04-19 12:03

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

<iframe width=420 height=330 frameborder=0 scrolling=auto src='b.html'></iframe>

热心网友时间：2022-04-19 14:11

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

热心网友时间：2022-04-19 16:36

可以用框架来设计主页啊，使多个页面在同一个网页上。

热心网友时间：2022-04-19 19:17

比较简单的有：
1、iframe/frame
2、使用div的onload 把内容加载进来

热心网友时间：2022-04-19 22:15

热心网友时间：2022-04-20 01:30