如何将多个html页面显示在一个页面？_随笔

在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），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

html文件嵌套，最简单的办法是使用SSI（Server Side

Include)技术，也就是在服务器端两个文件就被合并了。除了少数免费网页寄存服务外，几乎所有的网页寄存服务器都支持

SSI。这也是一个比较推荐的方法，它与ASP和ASP.NET网页使用的语法一模一样。如果网站管理员偏向使用PHP或JSP的话，语法会稍有不同。

对于不能使用SSI、ASP、ASP.NET、PHP和JSP等服务器端动态页面语言的情况，这里还将介绍两种客户端镶嵌的办法：JavaScript和iframe的方法。当这两种客户端的方法都有很大的弊病，一般不推荐使用。

需要用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里面的样式，页要保证完整性，截图说明

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

欢迎分享，转载请注明来源：内存溢出

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