初心者メモ〜HTML〜画像指定〜img タグ〜 | ★★楽しくKAIZENして魂で生きていこう★ ★ ChiCa(ちか)の気まぐれな、呟き

★★楽しくKAIZENして魂で生きていこう★ ★ ChiCa(ちか)の気まぐれな、呟き

『心と体は密接に関係している』そして自分らしく生きるには『心の在り方*心の強さ』が大切であると実感してから事務仕事をしつつ、心の在り方を学び、実践、改善しています♪

HTMLの演習問題として架空のサイトのコーディングをしていたら、

画像が表示されない😱😱😱

なんでやえー、imgタグを使ってるのに💦
 

魂が抜ける「先生!画像がうまく表示されません😭
img タグを使ってるのに😱😱😱
何が間違っているのでしょうか?

もしかしてブラウザ(google Chrome)の本調子ではない?」



👩‍🏫「この記述ですと、画像を指定するパスが適切ではないため表示ができていないようです。

imgフォルダの中に画像が入っており、imgフォルダが表示したいhtmlファイルと同じ階層の場合は、画像は下の階層に表示をされていることになります。

以下の記事を参考に、パスの指定方法を変えてみましょう!


ニコニコ「そっか〜、今作業しているファイル(index.html)を基準にして、対象の画像がどこにあるなか?を記述するってことですね😆

今回は同じ階層のimg フォルダの中にあると
記述!

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

img /mv.png→img ディレクトリ(フォルダ)の中の対象画像(mv.png)」