使用img标签插入图片，通过src属性指定路径，alt添加替代文字，可选设置宽高，路径需正确避免出错。
在html中插入图片链接，其实是通过 img 标签 来实现的。你不需要“打”链接，而是使用正确的语法将图片显示在网页上。下面是具体操作步骤，简单明了，适合新手快速上手。
1. 使用 img 标签插入图片
HTML 中插入图片的基本语法是使用 <img> 标签，并配合 src 属性指定图片的路径。
示例代码：
<img src=”https://example.com/image.jpg” alt=”描述文字”>
- src：指定图片的网址或本地路径
- alt：图片无法显示时的替代文字，对seo和无障碍访问很重要
2. 图片路径的填写方式
根据图片位置不同，src 的写法也不同：
立即学习“前端免费学习笔记（深入）”；
- 网络图片：直接粘贴图片的完整URL，如 https://example.com/photo.png
- 本地图片：使用相对路径，如 images/logo.jpg（表示图片放在当前目录的 images 文件夹中）
3. 设置图片大小（可选）
可以通过 width 和 height 属性控制图片尺寸：
<img src=”image.jpg” width=”300″ height=”200″ alt=”示例图片”>
- 单位默认是像素
- 也可以用百分比，如 width=”50%”
4. 完整示例代码
把下面这段代码保存为 .html 文件，用浏览器打开就能看到图片：
<!DOCTYPE html>
<html>
<head>
<title>图片展示</title>
</head>
<body>
<img src=”https://via.placeholder.com/400×200″ alt=”占位图” width=”400″>
</body>
</html> 基本上就这些。只要写对 img 标签和 src 路径，图片就能正常显示。不复杂但容易忽略细节，比如路径写错或缺少引号会导致图片出不来。