HTML文書 画像の入れ方が分かりません。

大学の授業でウェブページ制作を行っています。超初級レベルです。
HTML文書で画像の入れ方が分かりません。
一応大学から指示書が出ているのでその通りにやりたいのですが、書いてあることがいまいち理解できません。何か具体的な例や分かりやすい説明をしていただきたいです。特に「画像の名前」とは何なのかが分かりません。

指示書に記載されていた説明↓
<img src="画像が格納されているフォルダの名前/画像の名前" alt="画像の説明">

<img src="figure"/tokyo university.png" alt="東京大学">

非常にあいまいな質問で申し訳ないのですが、お時間のある方からのご回答お待ちしております。
当方、こちらの質問ツールを使うのが初めてなので、不躾なところがございましたら申し訳ございません。よろしくお願いいたします。

質問者からの補足コメント

• ご回答してくださった方、ありがとうございます。
  そもそも、画像のファイル名というもののつけ方からがよく分かっていませんでした。
  
  画像に「tokyo_university.png」という名前をつけて保存したら、上記の例のようになるということなのでしょうか？それか、画像を保存してから圧縮して、その圧縮フォルダの名前を「tokyo_university.png」としたらでしょうか？
  どちらも試みたのですが、ブラウザ上で画像が表示されず、困っています。
  
  質問の意味が分かりにくくすみません。よろしくお願いいたします。

  No.1の回答に寄せられた補足コメントです。 補足日時：2021/06/30 07:50

No.1 ベストアンサー 回答者： bx2 回答日時： 2021/06/30 01:23

＞特に「画像の名前」とは何なのかが分かりません。

ファイル名の事です。
例：tokyo_university.png

ファイル名に半角スペースを使用するのは、今は、やめておいた方がよいです。URLエンコードが必要です。


＞<img src="figure"/tokyo university.png" alt="東京大学">

ダブルクォーテーション「"」の使い方が間違っています。


・img タグ
http://www.htmq.com/html/img.shtml
http://www.htmq.com/html5/img.shtml
https://developer.mozilla.org/ja/docs/Web/HTML/E …

この回答へのお礼

解決いたしました。ありがとうございました！

お礼日時：2021/06/30 11:43