在列表中包含图像

时间:2016-04-26 00:28:43

标签: html css html-lists

我努力在列表中获取图片。当我执行以下操作时:

<ul>
 <li><img src="image.jpg"></li>
</ul>

出现图像图标(如错误),图像无法显示。无论如何都要显示图像?

3 个答案:

答案 0 :(得分:1)

使用<img src="..."/>时,您可以选择两种路径类型。

本地文件系统

您可以从本地文件系统中选择要使用的图像。可以是明确路径(C:/Users/...)或相对于当前文件夹。 在您的示例中,您正在查找当前文件夹中名为image.jpg的文件,该文件很可能不存在。

请注意,文件位置必须相对于HTML文件的位置。

远程图像位置

您可以插入远程托管图片的链接,例如http://your-favorite-image-hosting.com/someimage.jpg

答案 1 :(得分:1)

它应该工作。和其他人一样,请仔细检查您的网址。

这是一个有效的例子:

self.audioPlayer?.meteringEnabled = true

答案 2 :(得分:0)

您的代码(现在是)正在CURRENT文件夹中查找image.jpg(意思是您的代码页面所在的文件夹)。 您的图片似乎必须与代码页面位于不同的文件夹中。

作为测试,保持代码不变,并确保image.jpg与代码页面位于同一文件夹中(如果没有,请将其放在那里)。如果您仍然无法看到图片,那么名称或图片可能会出错(再次检查图片文件的名称和扩展名)。