1 5 1 HTML之相對路徑

2022-08-09 03:24:12 字數 3234 閱讀 8057

網頁需要,首先需要找到它。實際工作中,通常新建乙個資料夾專門用於存放影象檔案,這時插入影象,就需要採用「路徑」的方式來制定影象檔案的位置。路徑可以分為相對路徑與絕對路徑。

相對路徑

1.影象檔案和html檔案位於同一資料夾:只需輸入影象檔案的名稱即可,如

2.影象檔案位於html檔案下一屆資料夾,輸入資料夾名和檔名,之間用「/」隔開,如

同一級資料夾:

同一資料夾,存放html檔案與可以直接呼叫,如圖所示。

輸入以下**:

alt="測試"

/>

body

>

html

>

在瀏覽器開啟:

所以我們可以看出,html檔案與在同一資料夾只需要輸出檔名即可。

下一級資料夾

現在把剛才的那個檔案放在同級資料夾images下。

alt="測試"

/>

body

>

html

>

在瀏覽器開啟:

上一級資料夾

alt="測試"

/>

body

>

html

>

在瀏覽器開啟:

../代表上一級。

絕對路徑

絕對路徑:c:\users\administrator\desktop\logo.gif。或完整的網路位址,例如:

alt="測試"

/>

body

>

html

>

瀏覽器複製鏈結

**如下:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

body

>

<

img

srcalt

="測試"

/>

body

>

html

>

瀏覽器開啟如下:

HTML相對路徑表示方法

相對路徑表示方法 我們使用 來表示上一級目錄,表示上上級的目錄,以此類推。下級目錄用 表示。同級目錄不須用 直接表示為 例1 在此例中 index.htm 中聯接的 photo.jpg 應該怎樣表示呢?正確寫法 使用 img photo.jpg 的相對路徑來定位檔案 例2 在此例中 index.ht...

html相對路徑表示方法

我們使用 來表示上一級目錄,表示上上級的目錄,以此類推。下級目錄用 表示。同級目錄不須用 直接表示為 例1 在此例中 index.htm 中聯接的 photo.jpg 應該怎樣表示呢?正確寫法 使用 img photo.jpg 的相對路徑來定位檔案 例2 在此例中 index.htm 中聯接的 ph...

HTML相對路徑簡析

三 總結 同一級路徑 下一級路徑 如跟所在html檔案為同一級時,直接寫名即可,如下圖 當html檔案跟所在的資料夾為同一級時,便處於當前html檔案的下一級,那我們便用到下一級路徑。例如下圖 img3.png位於下一級路徑.html的下一級,那就相當於這張位於html檔案的下一級。如圖,我們所在h...