詳解HTML中的圖片標簽的用法
發(fā)布時間:2019-07-19 14:12:41 作者:佚名
我要評論

這篇文章主要介紹了詳解HTML中的圖片標簽的用法,本文圖文并茂,通過實例代碼的形式給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
在HTML中<img>這個標簽是定義文本中的圖片標簽,它的作用就比如說可以提供圖片的名字、提供圖片的尺寸大小和提供圖片的一些圖片屬性,比如Alt這個屬性,可以給圖片一個名稱來告訴朋友們。這個也是對seo優(yōu)化的一種細節(jié)上的方式。這樣做可以讓百度蜘蛛可以知道你這個圖片是個什么東西,或者說,當你發(fā)布這個圖片的時候可以讓百度蜘蛛更好的抓取到你的這個圖片。方便你優(yōu)化上去你想要優(yōu)化的東西。還有就是可以單獨之定義某一個圖片的信息寬高尺寸這些。
那么在代碼里插入圖片的書寫格式是這樣的
那么他顯示出來的效果是這樣的
這個是原圖片尺寸的樣子
當你需要重新定義它的時候可以這樣定義它。
在<img>里可以單獨定義圖片的大小
這個為效果圖尺寸就是<img>里面定義的寬高
總結(jié)
以上所述是小編給大家介紹的HTML中的圖片標簽的用法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
- 這篇文章主要介紹了HTML圖片img標簽的相關(guān)資料,需要的朋友可以參考下2017-06-21
- html中 img標簽顯示圖片中心的方法目前知道三種,下面小編把他分享到腳本之家平臺,需要的朋友參考下2017-04-13
- 做圖片展示功能很簡單的把下面代碼拷貝到dreamweaver 的代碼區(qū)域,預覽時可以顯示下面圖片,也就是我們常說的圖片展示功能2014-02-17