使用图片和对象的HTML IMG标签
HTML IMG标签管理图片和其他静态图形对象在网页中的插入。 这个通用标签支持多种强制性和可选属性，为您设计一个引人注目，以图像为焦点的网站增添了丰富的内容。
一个完整的HTML IMG标签的例子如下所示：
必需的IMG标记属性
SRC。 您需要使图像显示在网页上的唯一属性是SRC属性。 该属性标识要显示的图像文件的名称和位置。
ALT。 要编写有效的XHTML和HTML4，还需要ALT属性。 该属性用于为非可视浏览器提供描述图像的文本。 浏览器以不同的方式显示替代文本。 有些将鼠标放在图像上时将其显示为弹出窗口，其他人则在右键单击图像时将其显示在属性中，有些则根本不显示。
使用替代文本提供有关图像的其他细节，这些细节与网页文本不相关或重要。 但请记住，在屏幕阅读器和其他纯文本浏览器中，文本将与网页上的其他文本一起内嵌阅读。 为了避免混淆，请使用描述性替代文字，例如，“关于网页设计和HTML”，而不是“徽标”。
在HTML5中，ALT属性并不总是必需的，因为您可以使用标题向其添加更多描述。 您还可以使用属性ARIA-DESCRIBEDBY来指示包含完整描述的ID。
如果图像纯粹是装饰性的，例如网页顶部的图形或图标，则替代文字也不是必需的。 但如果您不确定，请包括替代文字以防万一。
推荐的IMG属性
宽度和高度 。 你应该养成总是使用WIDTH和HEIGHT属性的习惯。 而且您应该始终使用真实尺寸，而不是使用浏览器调整图像大小。
这些属性加快了页面的渲染速度，因为浏览器可以在设计中为图像分配空间，然后继续下载其余内容，而不是等待整个图像下载。
其他有用的IMG属性
TITLE 。 该属性是一个全局属性，可以应用于任何HTML元素 。 而且，TITLE属性允许您添加有关图像的额外信息。
大多数浏览器都支持TITLE属性，但它们以不同的方式进行。 当用户右键单击图像时，有些将文本显示为弹出式窗口，而其他则将其显示在信息屏幕中。 您可以使用TITLE属性来编写关于图像的其他信息，但不要指望这些信息是隐藏的或可见的。 你绝对不应该使用它来隐藏搜索引擎的关键字。 这种做法现在受到大多数搜索引擎的惩罚。
USEMAP和ISMAP 。 这两个属性将客户端（）和服务器端（ISMAP） 映像映射设置为您的映像。
LONGDESC 。 该属性支持URL以更长的图像描述。 此功能使您的图像更易于访问。
已弃用和已淘汰的IMG属性
现在HTML5中已经过时了一些属性，或者在HTML4中弃用了这些属性。 为了获得最好的HTML，您应该找到其他解决方案而不是使用这些属性。
边界 。 该属性定义了图像周围任何边框的宽度（以像素为单位）。 它在HTML4中已被弃用，而在HTML5中已过时。
ALIGN 。 该属性允许您在文本中放置图像，并使文本在其周围流动。 您可以将图像向右或向左对齐。 它已被弃用，以支持HTML4中的float CSS属性，并在HTML5中被废弃。
HSPACE和VSPACE 。 HSPACE VSPACE属性水平添加空白（HSPACE）和垂直（VSPACE）。 白色空间将被添加到图形的两侧（顶部和底部或左侧和右侧），所以如果您只需要一边空间，就应该使用CSS。 这些属性在HTML4中已被弃用，以支持CSS属性，并且它们在HTML5中已过时。
LOWSRC 。 LOWSRC属性提供了一个替代图像，当您的图像源太大而下载速度非常慢时。 例如，你可能有一个500KB的图像，你想在你的网页上显示，但是500KB需要很长时间才能下载。 因此，您可以创建一个小得多的图像副本，可能是黑白或只是非常优化的，并将其放入LOWSRC属性中。 较小的图像将先下载并显示，然后当较大的图像出现时，它将取代低源图像。
LOWSRC属性被添加到Netscape Navigator 2.0到IMG标签中。 它是DOM级别1的一部分，但随后从DOM级别2中删除。虽然许多网站声称它受所有现代浏览器支持，但浏览器对此属性的支持一直很粗糙。 它不会在HTML4中被弃用，也不会在HTML5中被废弃，因为它从来都不是这两个规范的官方组成部分。
避免使用此属性，而是优化图像以便快速加载。 页面加载的速度是良好网页设计的关键部分，而大型图像极大地降低了页面的速度 - 即使您使用LOWSRC属性。