Q&A
コードは画像ではこちらで再現確認できませんので、テキストベースでマークダウンにてご提示ください。
ただ、この手の質問は頻出ですし、特異な状況もなく、対応策も出尽くしています。調べた方が早いこともよくあります。
ドットインストールで勉強中なのですが、動画通りにしても画像が反映されません。
<img src="img/taro.png" windth="120" height="120" alt="太郎のアイコンです">
「太郎のアイコンです」の上で右クリック、「新しいタブで画像を開く」をクリックするとどうなりますか？
その時に表示されているURLはどのようなものですか？
コードはコピペで提示しましょう。
画像のコードと質問に提示されたであろうコードが合致してません。
<img src="img/taro.png" width="120" height="120" alt="太郎のアイコンです">
<h1>山田太郎</h1>
<p>UI/UXデザイナー見習いです</p>
file:///C:/Users/ok127/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/img/taro.png
「太郎のアイコンです」の上で右クリックし、「新しいタブで画像を開く」をクリックした場合のURLです。
その際に、画像は表示されましたか？
表示されませんでした。
ファイルが見つかりませんでした。と出ます。
質問は編集できますので適宜調整してください。
file:///C:/Users/ok127/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/img/
↑をアドレス欄にコピペして移動するとどうなりますか？
file:///C:/Users/ok127/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/
↑これはどうですか？
デスクトップ上のファイルをいじってると思ったらOneDriveで保管してた「別のindex.html」をいじってたってオチじゃないんですかね…？
>TatamiSteakさん
私も知らなかったんですが、OneDrive上にデスクトップフォルダを設定することができるんですって。
どのように確認すればよいのでしょうか。
質問編集拝読。
繰り返しになりますが、
file:///C:/Users/ok127/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/img/
はどうでしたか？
URLを張り付けたのですが、上の方はダメでした。
下の方は画像のようになりました。
「ダメ」とは？
どのように確認すればよいのでしょうか。
ファイルが見つかりませんでした。と出ます。
file:///C:/Users/ok127/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/img/
こちらは「ファイルが見つかりませんでした」と出ました。
（2回目）
コードはコピペで提示しましょう。
画像のコードと質問に提示されたであろうコードが合致してません。
ーーーー
なぜスルーされるか分かりませんが、情報の正確性はそのまま解決の迅速性に直結します。
あまり軽視しないでいただきたい。
画像も、スクリーンショットならまだしも「カメラで撮った画像」では話になりません。
あとコードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
申し訳ございません。私の理解足らずでスルーしてしまいました。
次回から気をつけます。
ご指摘ありがとうございました！
分からないのでしたら、スルーせず意図や意味を確認すれば良いのでは？
質問するうえで必要なことを指摘しているので、今後も同じ指摘が繰り返されることになるかと思います。
「次から」と言った人で守った人を私は知りません。今手を動かして対応しないと次には忘れてますよ。
回答1件
0
ベストアンサー
スクリーンショットでは、MyPortfolioフォルダにimgフォルダとindex.htmlがあることになっていますが、表示されているパスにはMyPortfolioが含まれていません。
また、それとは別に、デスクトップ直置きでindex.htmlがあります。
以上より、質問者さんが想定しているものと別のHTMLファイルを開いているのが原因だと思います。
解決方法ですが、MyPortfolioフォルダにあるindex.htmlを開いてください。
投稿2020/04/11 05:00
総合スコア36960
ありがとうございます！！！！解決できました！！
次に質問をする時は、これを読んでからにしてください。
質問するときのヒント｜teratail（テラテイル）
https://teratail.com/help/question-tips
あなたの回答
tips
プレビュー
