HTML路径问题
我现在正在制作我的第一个网站。然而,我遇到了一些问题 显示我的.jpg图像和我的简历下载PDF。我查了四份 我的道路是正确的,但似乎它们仍然没有出现 我使用githubs免费网络托管来托管我的个人网站。。(www.kennyellis.me) 我的图像HTML路径问题,html,web,Html,Web,我现在正在制作我的第一个网站。然而,我遇到了一些问题 显示我的.jpg图像和我的简历下载PDF。我查了四份 我的道路是正确的,但似乎它们仍然没有出现 我使用githubs免费网络托管来托管我的个人网站。。(www.kennyellis.me) 我的图像 <span class="avatar"><img src="/Users/newuser/Dropbox/MyWebsite/Website/imagesnewselfie.jpg" alt="" /> </im
<span class="avatar"><img src="/Users/newuser/Dropbox/MyWebsite/Website/imagesnewselfie.jpg"
alt="" /> </imagespan>
我的PDF
<li><a href= "/Users/newuser/Dropbox/MyWebsite/Website/resume_final.pdf"
download="resume_final.pdf" class="fa fa-file-pdf-o" aria-hidden="true"></a></li>
有人能马上看出我的代码有什么问题吗?我已经检查了我的jpg
图像和我的pdf,并已直接复制到我的html文件的代码,但
pdf下载说没有文件,图像也没有显示。。是的,我有
测试以确保我正在使用和编辑正确的html文件。。我已经写信说了
“Hello”位于html文件的顶部,当我将其推送到github时,“Hello”
显示在我的网站顶部
谢谢您能发送您页面的完整代码吗 从我所看到的和只是快速观察到的路径可能是错误的,或者还没有上传到服务器。(一个常见的错误)。但是我想看看完整的代码以防万一 干杯,
Xrhaps您能发送页面的完整代码吗 从我所看到的和只是快速观察到的路径可能是错误的,或者还没有上传到服务器。(一个常见的错误)。但是我想看看完整的代码以防万一 干杯,
Xrhaps将img标签上的路径更改为指向:
http://kennyellis.me/newselfie.jpg
像这样:
<img src="/newselfie.jpg" alt="My photo">
对你的简历也要这样做——删除路径
您在这个问题中的路径可能来自您当地的开发环境。构建页面时,请使用相对URL,以便页面在放置到其他服务器上后能够正常工作
例如,如果我们有一个名为“我的图像”的文件:
/var/www/html/example.com/images/my-image.jpg
在HTML中,您可以这样引用它:
<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image">
如果它总是通过使用file://(不是服务器)的HTML页面来传递,这将是很好的
如果您有像Apache这样的服务器,您可以使用以下内容:
<img src="images/my-image.jpg" alt="My image">
这会告诉浏览器在加载页面的目录下查看图像目录
如果添加前导斜杠,例如:
<img src="/images/my-image.jpg" alt="My image">
无论页面从哪个目录加载,浏览器都将从文档根目录启动路径。将img标签上的路径更改为指向:
http://kennyellis.me/newselfie.jpg
像这样:
<img src="/newselfie.jpg" alt="My photo">
对你的简历也要这样做——删除路径
您在这个问题中的路径可能来自您当地的开发环境。构建页面时,请使用相对URL,以便页面在放置到其他服务器上后能够正常工作
例如,如果我们有一个名为“我的图像”的文件:
/var/www/html/example.com/images/my-image.jpg
在HTML中,您可以这样引用它:
<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image">
如果它总是通过使用file://(不是服务器)的HTML页面来传递,这将是很好的
如果您有像Apache这样的服务器,您可以使用以下内容:
<img src="images/my-image.jpg" alt="My image">
这会告诉浏览器在加载页面的目录下查看图像目录
如果添加前导斜杠,例如:
<img src="/images/my-image.jpg" alt="My image">
无论页面从哪个目录加载,浏览器都将从文档根目录启动路径