html img图片标签元素教程

2019-09-07 郑州网站建设  

Html中img图片标签结构-img语法教程篇

img标签目录  

 
一、语法与结构:   -  

<img src="图片路径" width="175" height="47" alt="" /> 

Src 跟图片路径(扩展:css图片;html图片)
Width 设置图片宽度(扩展:html 宽度;CSS宽度)
Height 设置图片高度(扩展:html高度,CSS高度)
Alt 设置对这张图片文字描述,通常设置描述是为了搜索引擎能读懂你这张图片表达内容(有利于搜索引擎优化因素而使用)

二、Img标签使用说明:   -  

Img标签在html中是引入外部图片到网页中显示的标签。

三、Img图片标签代码案例:   -  

在HTML中body区内添加内容如下:
<img src=http://www.divcss5.com/html/"http:/www.divcss5.com/css-images/css-标志.gif" width="175" height="47" alt="DIVCSS5的LOGO" />

四、效果示例图:   -  

html img标签使用示范截图


说明:我们使用img标签在html中引入外部的图片

五、Html img图片标签结构说明图   -  

html img标签语法解剖分析图


<img>标签元素结构分析图

六、DIVCSS5对img标签总结:   -  

1、Img标签特别常用,作用就是引入外部图片到html中显示出引入图片内容。
2、使用时候注意结构,图片路径正确,宽度、高度根据实际需要而设置。
3、通常我们会使用CSS样式对图片img标签的width、height、css border边框进行设置,我们在DIVCSS5其他地方也有针对CSS img标签样式设置教程介绍。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/945.html转载请标明出处,谢谢合作!
标签:
  • img图片
  • html img
  • img标签