尝试在一个页面显示3种格式(jpg、png、gif)的图片,并且注意路径的书写。
时间: 2024-03-16 20:46:44 浏览: 140
好的,我可以为您提供相关代码。首先,我们需要在HTML中添加3个img标签来显示不同格式的图片,如下所示:
```html
<img src="images/image.jpg" alt="JPEG Image">
<img src="images/image.png" alt="PNG Image">
<img src="images/image.gif" alt="GIF Image">
```
在这里,我们将图片文件放在一个名为“images”的文件夹中。请注意,文件路径必须正确,以便浏览器可以找到图片文件。
如果您的图片文件不在同一目录下,您可以使用相对路径或绝对路径来指定文件路径。例如,如果您的图片文件在上一级目录中,您可以使用以下路径:
```html
<img src="../images/image.jpg" alt="JPEG Image">
```
这里,".. /"表示返回上一级目录。如果您的图片文件在网站根目录下,您可以使用以下路径:
```html
<img src="/images/image.jpg" alt="JPEG Image">
```
这里,“/”表示网站根目录。
最后,请确保您的图片文件名正确,以及文件格式与img标签的src属性值相匹配。
阅读全文