img 是自闭合标签，src 指定图片地址，alt 提供文字替代。图片加载失败时浏览器会显示 alt 文案；读屏软件依靠 alt 向视障用户描述图片内容，所以 alt 不是可选项而是必需品——除非图片纯属装饰，才可写空 alt。格式上现在首选 WebP/AVIF，兼顾体积与清晰度。loading 属性控制懒加载时机，decoding 属性控制解码是否异步，都属于 img 标签的能力范围。
img 是行内元素，默认与文字基线对齐，常在图片下方留出几像素缝隙，老问题是基线对齐造成，解决方法是设 display:block 或 vertical-align:middle。做响应式时给图片写 max-width:100%，它就不会撑破容器。需要根据屏幕分辨率提供不同图时用 srcset，需要艺术方向切换时用 picture 标签。
<style> .pic img { width: 200px; display: block; border-radius: 8px; border: 1px solid #e78a3e; } .pic figcaption { font-size: 12px; color: #666; margin-top: 4px; } </style> <figure class="pic"> <img src="https://picsum.photos/400/240" alt="示例风景图：远处有山和湖泊"> <figcaption>带 alt 的图片：加载失败时也能看到文字说明</figcaption> </figure>