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

html-css016

如何将多个html页面显示在一个页面,第1张

需要用iframe标签

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

<!DOCTYPE>

<html>

<head>

</head>

<body>

<iframe src="top.html" width="100%" height="464" scrolling="no"></iframe>

<iframe src="main.html" width="100%" height="800" scrolling="no"></iframe>

<!-- 其实这里应该是主体展示的内容，不同页面不一样，我们现在只把头部和底部单独拿出来讲解分析 -->

<iframe src="foot.html" width="100%" height="147" scrolling="no"></iframe>

</body>

</html>

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

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

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

中间是主体展示内容

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

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

总结一下：

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

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

这个不能用HTML来实现，要动态语言来实现！

根据内容的多少，每页显示多少条，然后再进行处理得出来几页等等，这些都是得动态语言来实现的。

HTML的做100页，那可要累死。

您好，根据您的要求，建议您使用文件包含，如果使用框架集，可能会比较麻烦，并且框架集也不适合前台的html页面，我推荐您可以这样：

1、确定一个主html页面，假设我们叫它main.html；

2、创建其余两个页面，假设我们叫它top.html和media.html

3、删除top.html和media.html页面除<body></body>以外多余的html代码；

4、在Dreamweaver中打开main.html，菜单栏找到插入选项，点击服务器端包括，这样main.html里面就插入了top.html和media.html两个文件，并且在中间页面跳转时，top.html就成为公共的html，只会刷新不会跳转了哦。（所要注意的是，如果中间跳转到别的页面也需要把top这些公共的html插入到里面哦）

希望我的回答对您有所帮助！