HTML添加图片的基本方法是使用``标签，这个标签专门用于网页中显示图片。标签内必须包含`src`属性，用于指定图片的路径或URL。举例来说，``会在网页中显示名为image.jpg的图片。
为了确保图片能正确显示，路径是关键。路径可以是相对路径，例如`images/pic.jpg`表示当前文件夹下的images文件夹中的pic.jpg，也可以是绝对路径，即完整的网址，比如``。
``标签中还可以添加`alt`属性，这是图片无法显示时替代显示的文本，有助于搜索引擎优化和提升无障碍体验。例如，``，当图片加载失败时，会显示“美丽的花朵”这段文字。
设置图片尺寸可以通过`width`和`height`属性完成。通常，这两个属性的值是数字，表示像素数，如``会把图片显示成300像素宽、200像素高。若只设置一个维度，浏览器会自动按比例调整另一个维度，防止图片变形。
图片的加载方式也有不同选择。一般情况下，浏览器会同步加载图片，这意味着网页加载时图片也跟随加载。通过增加`loading="lazy"`属性能实现懒加载，即延迟加载图片，直到用户滚动到图片位置，提升网页加载速度。例子：``。
还可以用NET/" style="text-decoration: none; color: inherit;" title="CSS">CSS控制图片的外观，配合``标签让网页设计更灵活。NET/" style="text-decoration: none; color: inherit;" title="CSS">CSS可以设置图片的边框、阴影、圆角、透明度等样式。例如，添加样式`style="border-radius:10px;box-shadow:2px 2px 5px gray;"`，让图片呈现圆角和阴影效果。
图片如果要作为链接使用，可以把``放进``标签内，点击图片会跳转相应网址。示范代码：``。这样的设计常用于导航或广告。
针对自适应布局，使用NET/" style="text-decoration: none; color: inherit;" title="CSS">CSS的`max-width: 100%; height: auto;`可以避免图片超过容器大小，保证在不同设备和屏幕宽度下都有良好显示。
HTML里插入图片关键点在于``标签的`src`和`alt`属性，尺寸设置和加载方式决定了用户体验，配合NET/" style="text-decoration: none; color: inherit;" title="CSS">CSS则提升视觉效果及响应式表现。掌握这些细节能帮助制作出既美观又实用的网页。