HTML路径问题

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

我现在正在制作我的第一个网站。然而,我遇到了一些问题

显示我的.jpg图像和我的简历下载PDF。我查了四份

我的道路是正确的,但似乎它们仍然没有出现

我使用githubs免费网络托管来托管我的个人网站。。(www.kennyellis.me)

我的图像

<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">
    
    
    
    无论页面从哪个目录加载,浏览器都将从文档根目录启动路径