HTML img tag 語法
HTML 的 img tag 有很多功能可以使用,其中 src 是用來設定圖片實際網址(image url)的,少了 src 的設定,瀏覽器將不知道該顯是哪張圖片,所以 src 為必填項目,其他如 title, alt, border 都是選用項目,較多人搞不清楚的應該是 title 與 alt 的差異,img title 是用來讓滑鼠移到圖片上時所顯示的文字,而 img alt 則是當圖片失效的時候要顯示的文字,兩者可以同時使用,也可以都不使用,這幾個項目會在範例中呈現給各位看。HTML img tag 範例
範例的效果以上這些都是 HTML img tag 的常用功能,也都是基本的功能並受到幾乎所有瀏覽器的支援,利用這些功能可以賦予網頁圖片基本該有的效果,至於如何創造出更多優美的網頁圖片與風格,就看各位網頁設計師的努力囉!本篇 HTML img tag 的用法就先談到這邊。
更多網頁圖片設計補充資料
- HTML img tag 的圖片邊框已經漸漸被 CSS 的 border 屬性取代,請參考:CSS border 元素邊框設計