在html文件引入其它html文件的几种方法

在html文件引入其它html文件的几种方法,第1张

简介:在论坛中经常有网友问到,可以在一个html的文件傍边读取另一个html文件的内容吗?谜底是确定的,而且体式格局不只一种,在以前我只会利用iframe来引用,后来发现了此外的几种体式格局,那今天就总结这几种体式格局让大师参考一下,本人感受第三种体式格局较好!1.IFrame引入,看看下面的代码<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>你会看到一个外部引入的文件,但会发现有一个近似外框的工具将其包抄,可利用:<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe>但你会发现还会有点问题,就是布景色分歧,你只要在引入的文件import.htm中利用不异的布景色也可以,但若是你利用的是IE5.5的话,可以看看这篇关于透明色的文章 若是想引入的文件过长时不呈现滚动条的话在import.htm中的body中插手scroll=no2.<object>体式格局<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>3.Behavior的download体式格局<span id=showImport></span>

1、首先,打开html编辑器,新建1个.html文件,例如:index.html。

2、在index.html中的<body>与</body>中,输入html编码:<img src="img/image.jpg" />。

3、之后浏览器进到index.html页面,此时发现页面成功引入了上一级文件夹img中的图片文件image.jpg。

我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹,在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示

03

然后我们在Head标签内用link标签引入CSS文件,如下图所示

04

最后用Script标签引入JS文件即可,如下图所示


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存