2016-11-21 7 views
0

現在、私の最初のウェブサイトを作っています。しかし、私は問題が発生しました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ダウンロードはtheresの何のファイルは述べていないと画像が表示されていません...そして、はい、I私が使用して、右のHTMLファイルを編集してることを確認する

をテストしている..私は書かれている私のhtmlファイルの先頭に

「こんにちは」と言うと、私はgithubのにそれを押したときに、「ハロー"

は、私のサイトの上部に表示されました。

ありがとうございました

答えて

2

変更を指すようにあなたのimgタグのパス:

http://kennyellis.me/newselfie.jpg 

ので、同様:

<img src="/newselfie.jpg" alt="My photo"> 

は、あなたの履歴書と同じ操作を行います - パスを削除。

問題のパスは、おそらくあなたのローカル開発環境からのものです。ページを構築するときは、相対URLを使用して、別のサーバーに配置した後でページが機能するようにします。例えば

- 私たちは、ファイルを持っている場合は、私のイメージと呼ばれる:

/var/www/html/example.com/images/my-image。HTMLでのjpg

は、あなたはとてもようにそれを参照することができます:それは、常にファイルを使用してHTMLページで配信された場合に罰金だろう

<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image"> 

://(サーバーではなく)。

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

このページからロードされたディレクトリの下imagesディレクトリに見て、ブラウザに指示します:あなたは、Apacheのようなサーバを使用している場合

、あなたのようなものを使用すると思います。

次のようなスラッシュ、追加した場合:

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

をブラウザに関係なく、ページがロードされているディレクトリからの、ドキュメントルートからのパスを開始します。

0

あなたのページのコードは完全に送信できますか?

私が見ていることから、パスの方法が間違っているか、まだサーバーにアップロードされていないことがわかりました。 (よくある間違い)。しかし、場合によっては完全なページコードを見たいと思っています。

乾杯、 Xrhaps