Q&A
<img src="logo.png">と書かれているファイルとlogo.pngは同じフォルダにありますか？
前提・実現したいこと
サイトに掲載されている画像をコーディングしたい
発生している問題・エラーメッセージ
サイトに掲載されている画像をコーディングしたいのですが、
<img src="logo.png">とやっても、保存してある画像は
掲載されず、なぜか保存してあるロゴの文字と、下にギャラリーアイコンのマークのようなものだけがひょうじされてしまいます
該当のソースコード
htmlです
<img src="logo.png"> ```
なんでしょうか。「サイトに掲載されている画像」とは
jinbaさまありがとうございます。<img src="logo.png">と書かれているファイルは、index.htmlにあります。logo.pngはimagesフォルダにあります。同じフォルダ？なのかどうかも分かりません。全くの初心者ですみません。
解決されたようで何よりです
質問の内容からに、かなりの初心者だと思われます
かなりの初心者…馬鹿にしているわけではないですよ
質問、回答、やり取りの中、m.ts10806様の「絶対パス」「相対パス」というヒントから解決まで漕ぎついた素晴らしいことだと思います
そのうえでお節介ではありますがアドバイスさせてください
・初心者の自覚もおありかと思いますので質問の際はしばらくの間、初心者マークをつけましょう
・解決に至った回答にはベストアンサーをつけましょう
本当にありがとうございました。いろいろ分からない点もまだあるなか、このサイトに関してのアドバイスもいただき本当にありがとうございました。ちなみにこちらに回答いただく場合と、
下記にいただく場合、何が違うのですか？
こちらは回答ではなく質問への追記修正依頼のコメント欄です。
こちらは回答者が質問に対する質問をするコメント欄です。
回答者は解決に至るであろう情報が提示できるようになると下記に回答します
解決済みにしないと様々な回答者様がまだ解決してないのかな？とこの質問を見てしまいます
今回解決に至るヒントを貰うことができた回答はm.ts10806様の回答ですので（今回はその１件しか回答はないが）
m.ts10806様の回答を「ベストアンサー」に選び「解決済み」としましょう
非常に勉強になりました。素晴らしいサイトですね。みなさんもご親切ですし。これからもお世話になることが多いと思いますが、何卒宜しくお願い致します。尊敬します。
ひとまず、「解決済み」とする顛末も含めて「ヘルプ」「質問するときのヒント」は一通り読んでおくと良いです。
https://teratail.com/help
https://teratail.com/help/question-tips
回答1件
0
ベストアンサー
今後も含めると直接的なアドバイスとはなりません。
「パス」について確実に押さえる必要があります。
「絶対パス」「相対パス」で調べて意味と関係性を確認してください。
画像でもcssでもなんでも、読み込ませるhtmlからすると外部のファイルです。外部のファイルはその読み込ませる記述(今回ならimgタグ)を書くファイル(今回はindex.html)から見た場所を指定する必要があります。
単にファイル名だけ書くと、「そのhtmlと同じ階層にあるファイル」を指定したことになっています。同じ階層とは「同じフォルダ(ディレクトリ)」という意味になります。
まずはそれぞれのファイルの位置関係を見定めるところから始めてください。
投稿2020/08/27 14:32
総合スコア80861
m.ts10806さまありがとうございます。目からうろこでした。ただ、相対パスだと思い、<a href="images/logo.png"></a>と記載しても、index.htmlのページには何も表示されません。なぜなのでしょうか？
<img src="images/logo.png">としたら表示されました！相対パスは、a href で始まるものと思っていました。まだまだ勉強が足りません。すみません。
aタグはリンクですね。役割が違います。
タグについても機能仕様をMDNというサイトなどで確認すると良いです。
それに必ずしも相対パスだけが良いとも限りません。ケースバイケースですので、どちらも使えるようになるといいですね。
ひとまず、解決されたのでしたら回答を「ベストアンサー」に選び「解決済み」としておいてください。
(「質問するときのヒント」参照)
あなたの回答
tips
プレビュー
