html中的路径的介绍:绝对路径和相对路径

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ZHOU_VIP/article/details/73380210

路径的介绍
    * 分类:两类
    ** 绝对路径:就是直接从磁盘符开始的完整路径
        - C:\Users\asus\Desktop\0413\day01\code\a.jpg
        - http://www.baidu.com/b.jpg

    ** 相对路径:
        - 一个文件相对于另外一个文件的位置
        - 三种:
            ** html文件和图片在一个路径下,可以直接写文件名称
                - <img src="b1.jpg" alt="这是一个美女"/>
                     
            ** 图片在html的下层目录
                在html文件中,使用img文件夹下面的a.jpg

                -- C:\Users\asus\Desktop\0413\day01\code\4.html
                -- C:\Users\asus\Desktop\0413\day01\code\img\a.jpg
                *** 在html中使用图片 4.html和img在一个路径下
                    img\a.jpg
            
            ** 图片在html文件的上层目录
                
                --- C:\Users\asus\Desktop\0413\day01\code\4.html
                --- C:\Users\asus\Desktop\0413\day01\c.png

                *** html文件所在的目录和图片是一个目录
                    ** 图片和html文件是什么关系?
                        - 图片在html的所在目录的上层目录day01
                    ** 怎么表示上层路径  ../
                         ../      表示了day01
                         ../c.png 表示day01下面的c.png
                    ** 想要表示上层的上层 ../../


展开阅读全文

没有更多推荐了,返回首页