在网页设计中，图片的运用往往可以起到画龙点睛的作用，能够提高网页的美观性和吸引力。下面我们来详细介绍如何在HTML上插入图片。
1. 插入本地图片
1.1 使用<img>标签
在HTML中，我们可以使用标签来插入本地图片。首先在HTML代码中指定图片文件的路径，将路径写入src属性中，如下所示：
<img src="./images/pic.jpg" alt="这是一张图片">其中，src属性指定了图片文件的路径，alt属性用于为图片添加文字注释。
需要注意的是，插入本地图片时，需要保证路径正确。如果路径出错，图片将无法正确显示。
1.2 添加样式
通过样式，我们可以对图片进行诸如大小、对齐等操作。例如：
<img src="./images/pic.jpg" alt="这是一张图片" style="width: 50%; float: right;">其中，style属性用于添加样式。这里将图片的宽度设为50%，并将其向右对齐。
2. 插入网络图片
如果需要在HTML中插入网络图片，同样可以使用标签。只需要将网络图片的URL链接写入src属性中即可，例如：
<img src="http://www.example.com/images/pic.jpg" alt="这是一张图片">需要注意的是，插入网络图片时，需要保证链接的正确性。如果链接错误，图片将无法正确显示。
3. 其他注意事项
3.1 图片大小
通过使用width和height属性，我们可以直接控制图片的大小。但是，如果自定义的大小与图片本身大小不匹配，可能会导致图片变形或失真。因此，一般情况下我们推荐使用CSS中的max-width和max-height属性，来自适应控制图片大小。
img{
max-width: 100%;
max-height: 100%;
}
3.2 使用图片库
如果不想使用本地图片，或者无法找到适合的图片，我们可以在网上寻找图片库。常见的图片库有pixabay、pexels等，这些图片库提供了许多高质量、免费的图片资源。
3.3 图片的格式
不同的图片格式对应不同的文件类型，例如jpeg、png、gif等。其中，jpeg格式在保证画质的情况下尽可能减小文件大小，适合用于网络传输；png格式支持透明通道，适合用于图标和透明背景的图片；gif格式支持动画，适合用于动态效果的图片等。要根据具体需要选择合适的图片格式。
通过本文的介绍，相信大家已经掌握了如何在HTML中插入图片的方法。记得按照需要添加样式和控制大小，让图片更好地融入网页中。