読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

画像を挿入するタグ「img」とは

HTML

「img」は何の略?

「img」はimage(画像)の母音を略したものになっています。

記述例

<img src="sample.jpg" alt="sample">

終了タグは必要ありません。

src属性には必ず

  • GIF(.gif)
  • JPEG(.jpg)
  • PNG(.png)

などの画像ファイルを指定します。

主な属性

属性意味
src表示する画像ファイルを指定
alt画像代替文字列を指定
height画像の高さを指定
width画像の横幅を指定

※「src」はsource(根源)の略です。
※「alt」はalternate(代替)の略です。

<img src="画像ファイルの場所+名前" alt="ホームアイコン" height="150">

ホームアイコン
※画像ファイルをわざと指定していません。画像の代わりに代替文字列が表示されていると思います。

<img src="画像ファイルの場所+名前" alt="ホームアイコン" height="150">

ホームアイコン

<img src="画像ファイルの場所+名前" alt="ホームアイコン" width="300">

ホームアイコン