HTML img src 屬性 (加入圖片網址)

HTML img src 屬性的功能是用來替 img 標籤加入圖片網址,這是 HTML img 標籤最重要的屬性,瀏覽器會根據 img src 屬性把圖片顯示在網頁上,可以使用同伺服器的圖片,也可以使用外部伺服器的圖片,所有的瀏覽器都支援 HTML img src 屬性。使用這個屬性的時候,必須注意的是圖片是否可以顯示,通常外部伺服器的圖片若有限定外連,則 img src 也無法讓圖片順利顯示出來。

HTML img src 屬性語法
<img src="圖片網址">
誠如第一段所述,src 屬性為 img 標籤最重要的屬性,也是必要項目,順利的將圖片網址填入後,還可以使用其他的屬性來增強或裝飾圖片,例如 img title、img alt 或 border 都是常用的屬性。

HTML img src 屬性範例
<img src="圖片網址">
範例的效果
我們將一張圖片透過 src 加入到 img 標籤內,正常情況下是可以在網頁上看到這張圖片,稍微需要注意的地方是 src 的等號後方,必須使用單引號('')或雙引號("")將圖片網址(圖片 url)包起來,避免瀏覽器(Browser)誤判而導致圖片失效。

更多網頁圖片設計技巧
© Copyright webtech.tw Since 2010