微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html中图片路径怎么设置

HTML中图片路径怎么设置? 在HTML中,添加图片通常都要设置图片路径。正确设置图片路径能够确保图片正常显示。那么图片路径该如何设置呢? 图片路径有三种格式:相对路径、绝对路径和网络路径。下面我们分别来介绍它们。 相对路径 相对路径是相对于当前文件所在路径的路径,可以分为相对于当前文件路径和相对于根目录路径两种。 相对于当前文件路径 当图片与HTML文件在同一目录下时,只需写上图片名称即可,如:
<img src="example.jpg">
图片在HTML文件所在目录的下一级目录中时,需要在图片名称加上一个斜杠“/”和文件名称,如:

html中图片路径怎么设置

<img src="/images/example.jpg">
图片在HTML文件所在目录的上一级目录中时,需要在图片名称加上两个点“..”和文件名称,如:
<img src="../images/example.jpg">
相对于根目录路径 如果根目录是http://example.com,图片位于http://example.com/images/目录下,那么图片的路径就应该是:
<img src="/images/example.jpg">
绝对路径 绝对路径指定了图片在服务器上的具体位置,使用绝对路径可以确保在不同环境中都正常显示。如:
<img src="http://example.com/images/example.jpg">
网络路径 网络路径是指在CDN上存储的图片,如:
<img src="//cdn.example.com/images/example.jpg">
总结 相对路径:相对于当前文件路径和相对于根目录路径两种格式,用于指定图片位于HTML文件的位置。 绝对路径:指定了图片在服务器上的具体位置。 网络路径:指在CDN上存储的图片。 以上是图片路径设置的介绍,希望对大家有帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐