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

img标签目录

1. img标签语法
2. Img标签使用说明
3. Img图片标签代码案例
4. 效果示例图
5. Html img图片标签结构说明图
6. img标签总结

一、语法与结构：   -   TOP

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

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

二、Img标签使用说明：   -   TOP

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

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

在HTML中body区内添加内容如下：
<img src="http://www.divcss5.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.divcss5.com/html/h352.shtml