html中怎麼加img路徑

在html中的img標籤中，可以利用「src」屬性來新增img圖片路徑，它用來指定圖片的URL，語法「<img src="URL">」。 URL可以是相對路徑，例如「../image/*jpg/」；也可是絕對路徑，即指向圖片檔案的完整URL。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML 標籤

# 標籤定義 HTML 頁面中的圖片。

註解：從技術上講，圖像並不會插入 HTML 頁面中，而是連結到 HTML 頁面上。 標籤的作用是為被引用的圖像建立佔位符。

HTML src 屬性

#img 標籤的 src 屬性是必要的。它規定圖像的 URL。

語法

<img src="URL">

注意：當一個網頁載入時，瀏覽器從 Web 伺服器上取得圖像，並將它插入到頁面中。因此，確保圖像與相關的網頁在同一點，否則訪客可能會得到一個損壞的連結圖示。如果瀏覽器找不到圖像時，會顯示損壞的連結圖示。

【推薦教學：《html影片教學》】

#HTML中圖片路徑的使用方式

1、*html檔跟*.jpg檔(f盤)在不同目錄下：

<img src="file:///f:/*jpg" width="300" height="120"/>

2、*.html檔跟*.jpg圖片在相同目錄下：

<img src=".jpg" width="300" height="120"/>

3、*.html檔案跟*.jpg圖片在不同目錄下：

a、圖片*.jpg在image資料夾中，*html跟image在同一目錄下：

 <img src="image/*jpg/"width="300" height="120"/>

b、圖片*jpg在image資料夾中，*html在connage資料夾中，image跟connage在同一目錄下：

<img src="../image/*jpg/"width="300" height="120"/>

4 、如果圖片來自網絡，那麼寫絕對路徑：

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

擴充資料：

##絕對路徑是指目錄下的絕對位置，直接到達目標位置，通常是從磁碟符號（根目錄）開始的路徑。

//绝对路径，指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

相對路徑就是指由這個檔案所在的路徑所引起的跟其它檔案（或資料夾）的路徑關係。使用相對路徑可以為我們帶來非常多的便利。 HTML絕對路徑(absolute path)指有網域名稱的檔案的完整路徑。

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
<img src="/images/picture.jpg" alt="flower">

程式設計影片！ ！

以上是html中怎麼加img路徑的詳細內容。更多資訊請關注PHP中文網其他相關文章！