多个html合并成一个html文件,如何保留每个文件的文件名

多个html合并成一个html文件,如何保留每个文件的文件名,第1张

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7195180.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存