HTML路径问题
问题描述:
我目前正在做我的第一个网站。但是,我遇到了问题HTML路径问题
显示我的.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 “
显示在我的网站顶部。
谢谢你
答
变化的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">
浏览器将开始从文档根目录的路径,无论从哪个装载目录页面。
答
你能发送你的页面的完整代码吗?
从我正在看的和只是一个快速观察,路径的方式可能是错误的,或尚未上传到服务器。 (一个常见的错误)。但希望看到完整的页面代码以防万一。
干杯, Xrhaps