插入圖片語法
<img src="圖片網址">
圖片加上連結語法
<a href="連結前往的網址"><img src="圖片網址"></a>
圖片加上寬度與高度的限制
<a href="連結前往的網址"><img src="圖片網址" width="200" height="100"></a>
在這個範例中我們加入了寬度 200 與高度 100 的規格設定,在 HTML 中這樣的寫法就可以,但是若使用 CSS 語法則必須加上寬度與高度的單位,才可以順利呈現唷!
圖片加入連結後的邊框處理
<a href="連結前往的網址"><img src="圖片網址" border="0"></a>
因為圖片加入了邊框的緣故,IE 瀏覽器會判斷為連結的效果,所以會出現奇怪的邊框,也許那不是你要的,所以我們在這個範例中,設定了圖片 border="0",意思是邊框為零,這樣就不會顯示邊框。
延伸閱讀
HTML img 圖片標籤
CSS border 屬性介紹與範列
CSS border-width 邊框寬度應用
CSS border-color 屬性與用法範例