html插入图片img中的src图片路径（相对路径和绝对路径）_html img src

1相对路径

1同一级目录
<img src="1.jpg" \>
2下一级目录
3.jpg路径------web\images\3.jpg
1.html路径-----web\1.html

<img src="images/3.jpg" \>
1

3上一级路径
demo1.html----路径web\html\demo1.html
2.jpg-------路径web\2.jpg

<img src="../2.jpg" \>
1

如果要返回上一级的上一级
<img src="../../1.jpg" \>
其他情况以此类推

2绝对路径

网络上的图片

<img src="https://publish-pic-cpu.baidu.com/f6c87c36-99a7-4493-9615-a5c11f21ae60.png@h_152|c_1,w_228" \>
1

本地文件
在vscode中这样写

<img src="file:///D:/photo/二次元/10.jpg" width="1000" height="500" />
1

在pycharm中这样写

<img src="http://localhost:63342/creeper/test/1.jpg" width="1000" height="500" />
1

一般情况下项目中是用不到绝对路径的

因为你用vscode打开时地址栏显示如下

而在pycharm中地址栏是