html怎么插入图片

# HTML怎么插入图片

在网页中插入图片是HTML最基础且重要的功能之一，通过`<img>`标签即可实现。以下是详细的使用方法和注意事项：

## 基本语法
```html
<img src="图片路径" alt="替代文本">

• src：指定图片的URL或本地路径（如images/photo.jpg）
• alt：当图片无法显示时显示的替代文本（对SEO和可访问性至关重要）

路径类型

1. 本地路径
   

   
   <img src="assets/logo.png" alt="公司Logo">
   

2. 网络URL
   

   
   <img src="https://example.com/image.jpg" alt="示例图片">
   

常用属性

实际示例

<img src="sunset.jpg" 
     alt="海边日落" 
     width="600"
     title="拍摄于三亚">

注意事项

1. 始终添加alt属性（即使留空alt=""）
2. 建议同时设置width和height以避免布局偏移
3. 使用WebP/AVIF等现代格式可提升加载速度
4. 大图建议使用loading="lazy"实现延迟加载

通过以上方法，您可以轻松地在网页中插入并优化图片显示效果。 “`

（全文约400字，包含代码示例、属性表格和实操建议）