2014-12-15 18:23:19yaasas
完整的 HTML 的 img 圖片標籤
網頁設計裡面有一個叫做插入圖片的功能,這段程式碼很好寫,用的就是 HTML 基本的 img tag,所謂的 img 就是 image 的縮寫,而 tag 是標籤的意思,簡單來說這就是用來將圖片插入到網頁中的語法,是不是很想知道要怎麼使用呢?這篇文章就來做個簡單的說明,加上一些些的範例給各位參考。
首先是 HTML 的 img 標籤要怎麼寫呢
語法是這樣 <img src="圖片 url" title="圖片名稱" alt="圖片替代文字">
其中最重要的就是 src,因為沒有這個參數,等於沒有插入圖片,瀏覽器根本不知道要顯示什麼圖片,所以一定要寫 src,另外兩個 title 以及 alt 屬性就不一定要寫,因為那是輔助的,當然如果想要把 img tag 寫得完整一點也是可以使用啦!
HTML img tag 還有其他不同的屬性可以使用,例如調整圖片的寬度用 width、調整圖片的高度則用 height,WebTech 的這篇《HTML img tag 圖片標籤》有比較完整的語法介紹以及範例,看完就應該可以完全搞懂 img tag 的用法。
首先是 HTML 的 img 標籤要怎麼寫呢
語法是這樣 <img src="圖片 url" title="圖片名稱" alt="圖片替代文字">
其中最重要的就是 src,因為沒有這個參數,等於沒有插入圖片,瀏覽器根本不知道要顯示什麼圖片,所以一定要寫 src,另外兩個 title 以及 alt 屬性就不一定要寫,因為那是輔助的,當然如果想要把 img tag 寫得完整一點也是可以使用啦!
HTML img tag 還有其他不同的屬性可以使用,例如調整圖片的寬度用 width、調整圖片的高度則用 height,WebTech 的這篇《HTML img tag 圖片標籤》有比較完整的語法介紹以及範例,看完就應該可以完全搞懂 img tag 的用法。