HTML 鏈接是通過(guò)標(biāo)簽 a 來(lái)定義的.

提示:在 href 屬性中指定鏈接的地址。

(您將在本教程稍后的章節(jié)中學(xué)習(xí)更多有關(guān)屬性的知識(shí)).

HTML 圖像是通過(guò)標(biāo)簽 img 來(lái)定義的.

注意： 圖像的名稱和尺寸是以屬性的形式提供的。

wgpt1633

897***276@qq.com

參考地址

1、*.html 文件跟 *.jpg 文件(f盤(pán))在不同目錄下：

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

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

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

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、如果圖片來(lái)源于網(wǎng)絡(luò)，那么寫(xiě)絕對(duì)路徑：

 img src="http://static.m.survivalescaperooms.com/images/runoob-logo.png" width="300" height="120"/ 

wgpt1633

897***276@qq.com

參考地址

Sam

105***3007@qq.com

參考地址

HTML 中 href、src 區(qū)別

href 是 Hypertext Reference 的縮寫(xiě)，表示超文本引用。用來(lái)建立當(dāng)前元素和文檔之間的鏈接。常用的有：link、a。例如：

 link href="reset.css" rel= stylesheet / 

瀏覽器會(huì)識(shí)別該文檔為 css 文檔，并行下載該文檔，并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是建議使用 link，而不采用 @import 加載 css 的原因。src 是 source 的縮寫(xiě)，src 的內(nèi)容是頁(yè)面必不可少的一部分，是引入。src 指向的內(nèi)容會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在的位置。常用的有：img、script、iframe。例如:

當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停瀏覽器的渲染，直到該資源加載完畢。這也是將js腳本放在底部而不是頭部得原因。

簡(jiǎn)而言之，src 用于替換當(dāng)前元素；href 用于在當(dāng)前文檔和引用資源之間建立聯(lián)系。

Sam

105***3007@qq.com

參考地址

grow

149***3459@qq.com

參考地址

HTML 中的 href 和 src 有什么區(qū)別

href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示來(lái)源地址，在 img、script、iframe 等元素上。

src 的內(nèi)容，是頁(yè)面必不可少的一部分，是引入。href 的內(nèi)容，是與該頁(yè)面有關(guān)聯(lián)，是引用。區(qū)別就是，引入和引用。

grow

149***3459@qq.com

參考地址

Sta99er

pyl***@163.com

MacOS 如何加載圖片以及文件目錄有空格

MacOS 是沒(méi)有硬盤(pán)分區(qū)的，所以引用文件直接：

 img src="file:///Users/usrn/location" width="x" height="y"/ 

假設(shè)文件目錄有空格，直接將空格換成：

%20

如下:

 img src="file:///Users/usrn/Desktop/location/space%20space/Images/IMG.png" width="x" height="y"/ 

Sta99er

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。