在HTML（超文本标记语言）中，要在网页上显示图片，你需要使用<img>标签，并通过src属性指定图片的地址，图片地址可以是相对路径、绝对路径或URL，本文将详细介绍如何在HTML中正确地写入图片地址，并提供一些实用技巧。
1、使用相对路径
相对路径是相对于当前HTML文件的位置来指定图片地址，假设你的HTML文件和图片文件都位于同一个文件夹中，你可以这样写：
<img src="image.jpg" alt="示例图片">
如果图片位于HTML文件所在文件夹的子文件夹中，你可以这样写：
<img src="images/image.jpg" alt="示例图片">
在这个例子中，“images”是图片所在的子文件夹名称。
2、使用绝对路径
绝对路径是从根目录开始指定图片地址，这种方法适用于网站中不同页面之间的图片引用。
<img src="/images/image.jpg" alt="示例图片">
在这个例子中，图片位于网站根目录下的“images”文件夹中。
3、使用外部URL
如果你想在网页上显示来自互联网的图片，可以直接使用图片的URL。
<img src="https://example.com/image.jpg" alt="示例图片">
在这个例子中，图片地址是一个外部链接。
4、设置图片尺寸
有时你可能需要调整图片在网页上的显示尺寸，可以通过width和height属性来实现：
<img src="image.jpg" alt="示例图片" width="500" height="300">
在这个例子中，图片的宽度被设置为500像素，高度为300像素。
5、添加替代文本（alt属性）
alt属性用于为图片提供替代文本，这在图片无法显示时非常有用，它也有助于搜索引擎优化（SEO）和提高网站的可访问性。
<img src="image.jpg" alt="美丽的风景图片">
在这个例子中，“美丽的风景图片”是图片的替代文本。
6、响应式图片
为了使图片在不同设备上都能良好显示，可以使用响应式设计，一种方法是使用CSS来控制图片的尺寸：
<img src="image.jpg" alt="示例图片" class="responsive-image">
然后在CSS中添加：
.responsive-image {
max-width: 100%;
height: auto;
}
这样，图片将根据其容器的宽度自动调整大小。
在HTML中写入图片地址时，你需要选择合适的路径类型（相对或绝对），并根据需要设置图片尺寸和替代文本，为了提高网站的响应式和可访问性，还可以考虑使用CSS来控制图片的显示，通过这些方法，你可以确保在网页上正确地展示图片。