html中的路徑的介紹:絕對路徑和相對路徑

ZHOU_VIP發表於2017-06-17

路徑的介紹
    * 分類:兩類
    ** 絕對路徑:就是直接從磁碟符開始的完整路徑
        - 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
                    ** 想要表示上層的上層 ../../


相關文章