Html中img圖片標簽結構-img語法教程篇
一、語法與結構: - TOP
- <img src="圖片路徑" width="175" height="47" alt="" />
Src 跟圖片路徑(擴展:css圖片;html圖片)
Width 設置圖片寬度(擴展:html 寬度;CSS寬度)
Height 設置圖片高度(擴展:html高度,CSS高度)
Alt 設置對這張圖片文字描述,通常設置描述是為了搜索引擎能讀懂你這張圖片表達內容(有利于搜索引擎優化因素而使用)
二、Img標簽使用說明: - TOP
三、Img圖片標簽代碼案例: - TOP
在HTML中body區內添加內容如下:
<img src="http://www.yfzzdoors.com/css-images/css-logo.gif" width="175" height="47" alt="DIVCSS5的LOGO" />
四、效果示例圖: - TOP
說明:我們使用img標簽在html中引入外部的圖片
五、Html img圖片標簽結構說明圖 - TOP
<img>標簽元素結構分析圖
六、DIVCSS5對img標簽總結: - TOP
1、Img標簽非常常用,作用就是引入外部圖片到html中顯示出引入圖片內容。
2、使用時候注意結構,圖片路徑正確,寬度、高度根據實際需要而設置。
3、通常我們會使用CSS樣式對圖片img標簽的width、height、css border邊框進行設置,我們在DIVCSS5其他地方也有針對CSS img標簽樣式設置教程介紹。
如需轉載,請注明文章出處和來源網址:http://www.yfzzdoors.com/html/h352.shtml