html引用图片代码-解释 HTML 相对路径和绝对路径

2023-10-01 0 1,893 百度已收录

相对路径:根据引用文件的网页位置构建的目录路径。 因此,保存在不同目录下的网页引用同一个文件html引用图片代码,使用的路径会不同,所以称为相对。

绝对路径:基于网站根目录的目录路径。 之所以称为绝对,是指当所有网页引用同一个文件时,所使用的路径是相同的。

虽然绝对路径和相对路径的区别在于描述目录路径时使用的参考点。 因为对于网站上的所有文件来说,根目录的参考点对于所有文件来说都是相同的,因此,以根目录为参考点的路径描述方法可以称为绝对路径。

以下是用于构建路径的几个特殊符号。 它们的含义如下:

.代表当前目录

..代码上面的目录

/代码根目录

html引用图片代码-解释 HTML 相对路径和绝对路径

相对路径与确定路径的区别:相对路径不包含C盘。 它一般以HTML网页文件开始,通过层次关系描述目标图像的位置。 从文件本身开始,它是一个相对路径。

主要有以下几种情况:

① 如果文件和图片(html文档)在同一个目录(文件夹)下,直接写文件名。

②图片(html文档)在下一级目录下。文件夹名称+/+图片(html)名称

③图片(html)在文件的上级目录,..+/+图片(html)的名称

④图片在文件上一级的另一个目录中,../文件夹名/图片名

⑤ 总结:要查找下一级目录(文件夹)中的图片(文件),使用/跳出当前目录,使用../

⑥注:一个点代表当前路径,两个点代表上级路径。 可以在不写前面的 / 的情况下写点。 必须写两个点/

html引用图片代码-解释 HTML 相对路径和绝对路径

绝对文件路径是指向 Internet 文件的完整 URL:

例如:

好习惯

使用相对路径是一个很好的做法。 如果您使用相对路径html引用图片代码,您的页面将不会绑定到当前的基本 URL。 所有链接都可以在您的笔记本电脑(本地主机)上或将来在公共领域中正常工作。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html引用图片代码-解释 HTML 相对路径和绝对路径 https://www.wkzy.net/game/198049.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务