HTML/CSS：linux localhost（firefox）の画像を表示

Question

ローカルホストからの画像をFirefoxのWebブラウザのシンプルなhtmlページに表示するにはどうすればよいですか？

"file：///home/xuser/work/helico.jpeg"は機能しません。

Answer 1

あなたが外にどこかで、あなたのシステムのローカルホストから画像を取得したいと思い場合は、ローカルホスト

<img src="img/pic.png"> 

で作業することになるだろう。しかしされているので、あなたのルートフォルダ内の画像を入れて、あなたの容易になるだろうルートフォルダを使用すると、イメージパスを知る必要があり、またいくつかのフォルダに戻ってくる必要があるため、かなりストレスがかかる可能性があります。あなたのイメージパスに応じて、このようなものがあります

<img src="../../../../../../../../../image/pic.png"> 

あなたは簡単にアクセスできるようにイメージをあなたのルートフォルダに入れてもいいです。

Answer 2

linuxで実行しており、ローカルにホストされている場合は、プロジェクトがvar/www/htmlであると想定しています。

あなたは/home/xuser/work/helico.jpegにアクセスしたいのであれば、あなたはホーム/フォルダに到達するまでに4回を上に移動する必要があります。

移動するには、パスの先頭に../を使用してください。 4回上に移動する必要があるので、/home/xuser/work/helico.jpegの前に4回使います。あなたのリンクまたはパス

は../../../../home/xuser/work/helico.jpeg

は、このいずれかを試してみてくださいする必要があります。このはまたははでない場合があります。