今天我要说说怎么写HTML的图片标签， 这个东西其实挺简单的， 搞起来。 但是很多人搞不定。我来教大家怎么写得规范一点。

基本的img标签要怎么写

先说说你要知道， img标签里面必须有src属性和alt属性，这两个是必须要写的。其他属性可以看情况加进去。还有就是所有属性都要用小写，属性值要用双引号包起来这样在团队合作或者项目大的时候好改代码，造起来。。

举个例子：

alt文字要写得简单准确， 要描述图片里面是什么内容或者有什么功能， 不忍直视。 不要乱加关键词。如果图片就是装饰用的，可以写成空的字符串。

属性顺序的问题

HTML对属性的顺序没有硬性要求， 但是为了好看一点，建议按下面的逻辑顺序来写：

HTML图片标签的基本知识

HTML图片标签本身是自闭合标签，不包含内容，所以属性的书写需遵循一定的规范和格式，这样才能保证代码清晰、好读而且符合标准。下面是关于如何正确格式化和书写HTML图片标签属性的实用指南。

当属性多的时候， 建议每个属性写一行，这样好维护：，太水了。

img标签的src属性

好吧好吧... src属性是必须的，它告诉浏览器图片文件在哪里。没有这个属性，图片就显示不出来。比如你可以这样写：

alt属性很重要

alt属性就是给图片加个说明文字， 当图片加载不出来的时候，用户就能看到这个说明。 探探路。 这个也很重要，搜索引擎也喜欢这个。比如：

如果图片只是装饰用的， 那alt可以设为空的，比如：

图片尺寸设置

好吧... width和height属性可以设置图片的宽度和高度。比如：

图片对齐方式

align属性可以设置图片对齐方式， 可选的值有left、right、center等。比如：，我裂开了。

图片加载优化

loading属性可以设置图片加载方式， 有lazy、eager、auto等选项。比如：，抄近道。

这个loading="lazy"就是图片懒加载， 共勉。 页面滚动到图片位置才加载图片，节省流量。

响应式图片设置

sizes和srcset属性可以做响应式图片。比如：

错误处理

onerror属性可以处理图片加载失败的情况。比如：，这东西...