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

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

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

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

5.HTML 中 href、src 區別

href 是 Hypertext Reference 的縮寫，表示超文字引用。用來建立當前元素和文件之間的連結。常用的有：link、a。例如：

<link href="reset.css" rel=”stylesheet“/>
 

瀏覽器會識別該文件為 css 文件，並行下載該文件，並且不會停止對當前文件的處理。這也是建議使用 link，而不採用 @import 載入 css 的原因。 src 是 source 的縮寫，src 的內容是頁面必不可少的一部分，是引入。src 指向的內容會嵌入到文件中當前標籤所在的位置。常用的有：img、script、iframe。例如:

<script src="script.js"></script>

當瀏覽器解析到該元素時，會暫停瀏覽器的渲染，直到該資源載入完畢。這也是將js指令碼放在底部而不是頭部得原因。

簡而言之，src 用於替換當前元素；href 用於在當前文件和引用資源之間建立聯絡。

6.HTML 中的 href 和 src 有什麼區別

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

src的內容，是頁面必不可少的一部分，是引入。href 的內容，是與該頁面有關聯，是引用。區別就是，引入和引用。

7.記錄一下 html 相對路徑的寫法：

• ./：代表檔案所在的目錄（可以省略不寫）如果寫成image/background就相當於是在html檔案下找image資料夾，當然是找不到的
• ../：代表檔案所在的父級目錄
• ../../：代表檔案所在的父級目錄的父級目錄
• /：代表檔案所在的根目錄

8.對於中文網頁需要使用 <meta charset="utf-8"> 宣告編碼，否則會出現亂碼。有些瀏覽器(如 360 瀏覽器)會設定 GBK 為預設編碼，則你需要設定為 <meta charset="gbk">。目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候需要在頭部將字元宣告為 UTF-8。

9.

• class 屬性可以多用class=" "（引號裡面可以填入多個class屬性）
• id 屬性只能單獨設定id=" "（只能填寫一個，多個無效）

10.

<b> 與<i> 定義粗體或斜體文字。
<strong> 或者 <em>意味著你要呈現的文字是重要的，所以要突出顯示。