あなたのサイトにHTMLで画像を表示してみよう！

画像を表示

画像を表示するには、imgタグで囲います。
imgタグ内のsrc部分に、画像の保存先を入力すればOKです。

ファイルの基本設定を整える

HTMLファイルの基本設定をします。

1. ！DOCTYPEタグでhtmlファイルだよと宣言します。
2. htmlタグで全体を囲います。
3. 文書に関する情報を入れるheadタグを設置します。
4. 本文を入れるbodyタグを設置します。

VSCodeなら、！を入力してtabキーを押すと自動入力してくれます。
htmlファイルの決まり文句なので深く考える必要はありません。

コメントを書く

コードの中でコメント（メモ書き）を入力することができます。
コメントタグで囲うことでブラウザには表示されません。
見やすいコードにするために積極的に活用しましょう。

なおVSCodeなら、ショートカットキーのcommand + / でコメントにすることができます。

わたしの考え

画像を１枚表示するだけでも、imgタグで囲ったり、コメントするのはコメントタグで囲ったりとWEBブラウザに表示するのは手間ですよね。

プログラマーさん達のこうした細やかな作業のおかげで、WEBサイトが見れるので感謝ですよね♪

一緒に一歩踏み出しましょう♪