Html img 图片标签

一、语法与结构

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

Src 设置图片路径。

Width 设置图片宽度。

Height 设置图片高度。

Alt 设置对这张图片文字描述，通常设置描述是为了搜索引擎能读懂你这张图片表达内容（有利于搜索引擎优化因素而使用）。

二、Img标签使用说明

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

三、Img图片标签实例

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="http://manongjc.com/Public/images/logo.gif" width="160" height="60" alt="码农教程" />
</body>
</html>

在线运行

四、img标签总结

1、Img标签非常常用，作用就是引入外部图片到html中显示出引入图片内容。

2、使用时候注意结构，图片路径正确，宽度、高度根据实际需要而设置。

3、通常我们会使用CSS样式对图片img标签的width、height、css border边框进行设置。