多个html合并成一个html文件,保留每个文件的文件名的方法:
在打开程序后,将显示欢迎页,如下图:
此时,点击新建项目,然后选择新项目的保存位置并输入项目文件名,确定后将出现下图:
左边为导航栏(可调整位置),中间的当前主题为项目属性,现在我们先点击左下角包含的文件,在出现的选项卡中添加源文件(根据图示进行 *** 作):
这里已经把源文件复制到了当前项目的目录下(如果没有则这里选择目标文件夹),所以直接添加项目文件,选中所有文件并确定后这些文件将出现在包含的文件选项卡下方:
现在依次点击 Ribbon 栏工具下面的自动添加主题和自动添加关键字
需要用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里面的样式,页要保证完整性,截图说明
要确保这样的结构正常,而不是单单红框里的内容
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)