1. 概述
在网页制作中，经常需要添加图片来增强页面的视觉效果，如何添加图片呢？这就需要用到HTML的标签。
2. ![]()
标签的基本语法
标签的基本语法如下：
<img src="图片路径" alt="图片描述">src属性是指定图片的路径，可以是相对路径或绝对路径，如：
相对路径：图片和HTML文件在同一目录下，直接填写图片文件名即可；如果在不同目录下，则需要填写相对路径，如“../images/pic.jpg”。
绝对路径：如果图片放在网站的其他目录下或者外部网址，需要填写完整的URL地址。
alt属性用于为图片添加描述，当图片无法显示时，可以显示该文字描述，同时alt属性也有助于SEO优化。
3. 添加图片的实例
下面是一个基本的添加图片的实例：
<img src="images/pic.jpg" alt="美轮美奂的山水画">其中“pic.jpg”是指在同一目录下的图片文件。
4. 为图片添加宽高属性
在标签中还可以使用width和height属性来指定图片的宽高，如下实例：
<img src="images/pic.jpg" alt="美轮美奂的山水画" width="300" height="200">其中“width”和“height”属性的单位可以是像素（px）、百分比（%）或者em（相对于当前元素的字体大小）。如果只设置了其中一个属性，则另一个属性会按照图片的原始比例进行缩放。
5. 使用CSS样式来美化图片
使用CSS样式可以使图片看上去更美观，下面是一个使用CSS样式来美化图片的实例：
<img class="pic" src="images/pic.jpg" alt="美轮美奂的山水画"></img>.pic {
border-radius: 50%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
上述CSS代码中，border-radius属性用于为图片添加圆角效果，box-shadow属性用于为图片添加阴影效果。
6. 注意事项
在使用标签添加图片时，还需要注意以下事项：
添加图片时需要注意图片大小，避免影响网页的加载速度；
添加图片时需要注意图片格式，常用的格式有JPEG、PNG、GIF等；
添加图片时需要注意版权问题，避免侵犯他人的知识产权。
7. 总结
通过本文的介绍，相信大家已经了解了标签的基本使用方法，以及如何使用CSS样式美化图片。在实际网页制作中，需要根据具体情况进行灵活运用。