HTML路径问题

Question

我目前正在做我的第一个网站。但是，我遇到了问题

显示我的.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文件。我已经写说

“你好”在我的HTML文件的顶部，当我把它推到github上，这个“Hello “

显示在我的网站顶部。

谢谢你

Answer 1

变化的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"> 

这将是罚款，如果它总是通过使用文件的HTML页面传递：//（而不是服务器）。

如果你有喜欢的Apache服务器，你会使用类似：

<img src="images/my-image.jpg" alt="My image"> 

这告诉浏览器中的图像目录把目光从加载页面的目录下。

如果添加一个斜线，如：

<img src="/images/my-image.jpg" alt="My image"> 

浏览器将开始从文档根目录的路径，无论从哪个装载目录页面。

Answer 2

你能发送你的页面的完整代码吗？

从我正在看的和只是一个快速观察，路径的方式可能是错误的，或尚未上传到服务器。 （一个常见的错误）。但希望看到完整的页面代码以防万一。

干杯， Xrhaps