HTML使用绝对定位和相对定位引用图片

绝对定位:

直接使用文件在本地计算机的地址,比如我图片的位置是:

C:\Users\Pictures\11.jpg

那么最终就可以这么写:

<img src="C:\Users\Pictures\11.jpg">

相对定位:

(以下写的都是超链接)
1. 图片和html文件在同一目录下
那么直接可以写图片的文件名

<a href="11.jpg">11.jpg</a>

2. 图片在html文件所在目录的下一级

<a href="pictures\11.jpg">11.jpg</a>

下下级也是一样,以此类推

<a href="pictures\css\11.jpg">11.jpg</a>

3. 图片在html文件的上级
那么就要用 . .\ 来表示上一级,那么上上级就是 . . \ . .\

<a href="..\css\11.jpg">11.jpg</a>
<a href="..\..\css\11.jpg">11.jpg</a>

猜你喜欢

转载自blog.csdn.net/weixin_45755679/article/details/114363029