在HTML网页代码中，用于插入图片的标签是什么？

在HTML网页代码中，用于插入图片的标签是 <img>。

基本用法与步骤： <img> 是一个单标签（空元素），不需要闭合标签。使用时必须通过属性来定义图片来源及其他行为：

1. src 属性：指定图片文件的路径或URL，这是插入图片的核心属性，不可缺少。例如 <img src="image.jpg">。
2. alt 属性：提供图片无法显示时的替代文本，对无障碍访问和搜索引擎优化至关重要。例如 <img src="image.jpg" alt="描述文字">。
3. width 和 height 属性：用于设置图片的显示宽度和高度，有助于浏览器提前分配页面空间，避免布局偏移。

判断依据： 根据HTML规范，<img> 元素代表文档中的图像嵌入。它属于置换元素，其渲染内容由外部资源决定，而非标签内部的文本内容。

适用条件： 适用于需要在网页中展示位图（如JPEG、PNG、GIF、WebP）或矢量图（如SVG）的场景。若需绘制动态图形，则应使用 <canvas> 标签；若需嵌入外部多媒体或交互内容，可能用到 <object> 或 <iframe>。

常见误区：

1. 误写闭合标签：<img> 是空元素，不应写成 <img></img>，在XHTML中可写为 <img />，但在HTML5中直接写 <img> 即可。
2. 忽略 alt 属性：省略 alt 会导致屏幕阅读器无法正常播报图片信息，影响视障用户浏览体验，也不符合Web标准。
3. 混淆功能：将 <img> 与CSS背景图片混用。内容性图片应使用 <img> 标签，而纯装饰性图片更适合通过CSS的 background-image 属性实现。