在HTML中插入图片的基本方法是使用``标签。该标签是自闭合的，意味着不需要关闭标签。通过设置一些属性，可以控制图片的显示方式和位置。
``标签的核心是`src`属性，这个属性指定了图片的路径。路径可以是相对路径或者绝对路径，具体取决于图片存放的位置。例如，若图片位于当前文件夹内，可以直接使用``。
`alt`属性同样重要，它为图片提供文字描述。缺少图片时，浏览器可以显示这个文字，增强无障碍性以及SEO效果，通常写作``。
图片大小可通过`width`和`height`属性进行控制。可以直接设置像素值或百分比，例如，设定宽度为200像素可写作``。
如果需要设置图片的边距或者其他样式，CSS是一种有效的方式。可以通过`style`属性直接内联CSS，例如``。
需要注意的是，提供的图片路径必须是有效的，如果图片无法加载会影响页面的视觉效果。保持图片的清晰度和格式的兼容性也是非常重要的，常用的格式有JPEG、PNG和GIF等。
为了确保图片在不同设备上都能良好呈现，可以使用响应式设计。这可以通过设置`max-width`为100%来实现，例如，``。
HTML5也引入了``标签，可以为不同分辨率和格式的图片提供更灵活的选择。通过媒体查询，可以选择最合适的图片进行加载，极大提升用户体验。
如果图片文件较大，建议在加载时考虑用户的网络环境，可以在适当的情况下使用懒加载技术。这种方法能够提高页面的加载速度，并减少带宽消耗。
通过以上这些技术和方法，可以在HTML文档中灵活地插入图片，增强内容的丰富性和吸引力，同时也能确保在不同环境下都能正常显示和使用。