html - 更正图像文件的文件路径

标签 html css image

我一直无法显示图像,我认为这是由于文件链接不正确造成的,但我似乎无法让它工作。我正在将图像直接上传到 Cloud9 上一个名为“images”的文件夹中。该文件夹嵌套在名为“jobquiz”的文件夹中

我正在尝试将图片包含在我的主页上。这些是我尝试链接图像的方式,但每次我都收到“无法找到”错误。有人可以帮我更正我的文件路径吗?谢谢!

图片名为“guy.jpeg”

我尝试了以下方法:

<img src="images/guy.jpeg" alt="">
<img src="/images/guy.jpeg" alt="">
<img src="./images/guy.jpeg" alt="">
<img src="../images/guy.jpeg" alt="">
<img src="jobquiz/images/guy.jpeg" alt="">
<img src="/jobquiz/images/guy.jpeg" alt="">

enter image description here

最佳答案

如果您不共享从 HTML 到图像位置的确切文件结构,我们只能解释在您的路径中放置两个点和一个斜线告诉浏览器转到父文件夹然后执行您的路径提供(例如“../images/guy.jpeg”),这可以在路径上多次完成。这是我要说的一个很好的例子 - https://css-tricks.com/quick-reminder-about-file-paths/

您可以做的另一件事是在 HTML 中使用 base 标记。要使用基本标签,只需放置 <base href="http://www.yourrooturl.com" />就在你的 HTML 头中的标题标签下,然后将你的图像指向 <img src="images/guy.jpeg" alt="">只要图像文件夹位于您网站根文件夹的直接子文件夹中。

希望这对您有所帮助。

编辑: 我看到你的图片了,你可以试试用base标签,或者你也可以试试<img src="../../images/guy.jpeg" alt="">为您的图片路径。

关于html - 更正图像文件的文件路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40266839/

相关文章:

javascript - 在 html 中占用一些额外空间的标签

html - 如何在没有 Bootstrap 的情况下使用纯 CSS 将两个 div 居中?

HTML 背景/布局

javascript - 如何为鼠标悬停时出现的按钮添加点击事件

CSS Nav Menu Text 罕见的大小对齐底部的行为

javascript - 从 <pre> 读取数字

javascript - PhoneGap 构建 Android 音频不工作

html - Ruby on Rails 4. 在任何页面上选择所有 HTML 输入

html - 如何让浏览器在缩小窗口时从 srcset 中选择较小的图片?

php - 如何抑制由 imagejpeg 创建的 JPEG 注释?