HTML网页怎样链接到另一个HTML网页？

Posted 2023-04-08

参考技术A

1、需要借助jquery引入，操作方法是首先打开html编辑器hbuilder软件，新建一个html文件并在里面写一个h2标签和div标签，div中设置class属性为footer。

2、然后在编辑器的项目管理器列表中最顶层的项目文件右键，点击新建选择新建一个html文件。

3、在弹出的菜单中命名为foote，回车确定即可。

4、在footer的html中设置一个h2标签，同时在里面写入一句话。

5、紧接着在下方script标签中先引入jquery的库文件，在第二个script标签中先获取名为footer的div的dom对象，在调用load方法引入外部的html文件就可以了。

6、最后打开浏览器就可以看到两段文字都被加载进来了。

绝对路径和相对路径

HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。

比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？

如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 

为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。 

在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径

1.绝对路径：是从盘符开始的路径

例如“as.jpg”这个图片是存放在硬盘的“D:\图片\人物\美女”目录下，那么 “as.jpg”这个图片的绝对路径就是“D:\图片\人物\美女\as.jpg”。

比如在网页中插入该图片就应该使用以下语句

<img src=“D:\图片\人物\美女\as.jpg”  /> 

 

2.相对路径:是从当前路径开始的路径

    所谓相对路径，就是相对于自己的目标文件位置。例如前面的例子，“index.html” 文件里引用了“mm.jpg”图片，由于“mm.jpg”图片相对于“index.html”来说，是在同一个目录的，那么在index.html中引用图片就应该写成<img src=‘mm.jpg‘ />

 

“./”表示当前路径，“.”通常情况下可省略，

“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”，