<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>路径问题</title>
</head>
<body>
<!--
一、路径问题(重要):无论使用哪种语言编写程序,路径问题都至关重要,只需要引入资源,必定使用路径
物理路径:D:\vscodeprojects\photo
文件系统:我们通常写代码会使用Windows操作系统,但是项目完成后,就必须部署到服务器上,而服务器大部分
使用Linux操作系统,而Windows和Linux文件系统差别很大,因此实际开发时,不允许使用物理路径。
相对路径:相对于文件所在的路径 (建议前端)
./代表当前路径(可以省略不写,默认为 ./)
../代表上一级路径
绝对路径:就是目录下的绝对位置
http://127.0.0.1:5500/web/hello.html
服务器的根路径:http://127.0.0.1:5500
项目所在的路径: web/hello.html
/ [斜杠] 表示当前项目所在服务器的根路径,从这里开始找所需要的资源即可
-->
<!--相对路径-->
<img src="./photo/1.jpg"alt="">
<!--退回到了web!!-->
<!--绝对路径-->
<img src="/web/photo/1.jpg">
</body>
</html>
版权属于:
yu
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)