<img> 语法
在HTML网页中经常需要插入图片，使页面更加美观，表达更加清晰准确。插入图片，在
HTML中是由<img>标签定义的，通过它可以导入需要显示的图片。<img>是单标签，它只包含属性，没有结束标签，要记得在“>”结束符号前加"/"自封口。
从技术上讲，图片并不是插入到网页中的，而是链接到网页中的，<img>标签的作用是为被引用的图片创建占位符。<img>标签在网页中很常用，比如，引入Logo 图片、按钮背景图工具图等。<img>标签的语法是：
<img src="被引用图片的地址" alt="图片的代替文本">
<img>标签包含两个常用的属性 src 和 alt.
src 属性用来指定需要嵌入到网页中的图片的地址，可以使用相对地址，也可以使用绝对地址，甚至可以是互联网上的一个图片路径。但是一定要保证路径的正确，网页运行时，浏览器会根据这个地址找到图片文件并显示出来，如果地址不正确，图片就无法显示。
alt 属性用来规定图片的替代文本，当图片不显示时，将显示该属性内容。搜索引擎会读取该属性值内容作为图片表达的意思，所以搜索引擎优化中需要注意该属性，
src 属性和 alt 属性是<img> 标签必要属性。虽然，alt 属性缺失也不会出错，但建议设置该属性。如果不设置，搜索引擎不能获取图片表达的信息。如果图片不能正确显示那么会出现空白，用户也无法获得有效信息。除了 src 和 alt 属性，<img> 标签还有其他属性，如下表。
| 属性名称 | 作用 |
| heigth | 图片的高度 |
| width | 图片的宽度 |
| ismap | 将图片定义为服务器端图片映射，值为ismap |
| usemap | 将图片定义为客户端图片映射，值可以为#mapname |
| crossorigin | 设置图片的跨域属性，值可以是 anonymous、use-credentials |
图片插入时会按图片原始尺寸显示，想要修改图片的大小可以通过 width 和 height 属性来设置，width 和 height 属性值可以任意设置，默认单位是像素（px）。如果希望图片成比例缩放的话，可以只设置width 或只设置 height ，那样另一个值会成比例缩放。图片是一个二维图形，默认情况下和同一区域的文字是底部对齐的，这样会产生很大的空白区域。可以设置图片的浮动属性，使文字可以在图片一侧显示。浮动属性是CSS样式中的一个属性，可以通过style 属性设置，设置浮动效果后文字会和图片顶端对齐，自动换行则出现在图片的一侧。如果图片的 style 属性设置为 float：left；那么图片靠右侧浮动，文字出现在图片右侧；如果设置为 float：right ；那么图片靠右浮动，出现在父元素的右侧。
图片也可以作为超链接对象，只要通过<a> 标签包含<img> 标签，图片就变成超链接对象。作为超链接的图片和普通图片的用法于显示效果一样，只是光标移到图片上会变成手形。也可以通过 border 属性设置图片的边框。