6.1.網頁路徑問題 · HTML+CSS學習筆記

* 相對路徑：相對于某個文件查找 ``` ? 注意：相對路徑必須有一個前提：所有的文件必須都在同一個根文件夾中。 ? ? ? 1. 如果被訪問圖片和當前頁面在同一個文件夾中，src相對路徑=“直接設置文件名稱即可”； ? 2. 如果被訪問圖片和當前頁面不在同一個文件夾中，如果圖片在頁面的上一級文件夾中，src="../圖片名稱"; ? 注意：一個 “../”代表返回一級 ? ? ? 3. 如果被訪問的圖片和當前頁面不在同一個文件夾中，如果圖片在頁面的下一級目錄中，src="圖片所在文件夾/圖片名稱"; ? 當前目錄（文件夾）：./（可以省略不寫）上級目錄（文件夾）：../ 下級目錄（文件夾）：XXX文件夾/ ``` ? ? ? * 絕對路徑： ``` 1. 物理路徑：凡是在路徑中帶有具體的磁盤目錄（C D E F..） <img src="F:\基礎班\47期基礎班\01-HTML(標簽介紹)\1.jpg"> ? 2. 絕對路徑：凡是以具體網址形式存在的路徑 ? ? <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3658954477,286525156&fm=173&app=25&f=JPEG?w=218&h=146&s=E55419C7C6DB09DC5941311A0300C013"> ? 優點： ? 1. 實現推廣宣傳效果缺點： 1. 對服務器有一定的壓力 ``` ## 課程回顧： HTML：超文本標記語言標記，標簽，元素單標簽：<標簽名屬性名=”屬性值” 屬性名=”屬性值”……> 雙標簽：<標簽名屬性名=”屬性值” 屬性名=”屬性值”……></標簽名> HTML注釋： 結構標簽：<html><head><title>網頁標題</title></head><body>主體內容</body></html> 排版標簽：p，h1~h6，div，span，hr，br，pre，blockquote 文本標簽：b，strong，i，em，u，ins，s，del，big，small，sup，sub，font 列表標簽：ul>li，ol>li，dl>dt,dd 圖片標簽：<img src=”地址路徑”> 路徑：相對路徑，絕對路徑