ともすたmedia
2023.11.26
属性
記事を共有：
HTMLタグに付加することができる追加の情報。次の例を見てみましょう。
<img src="picture.jpg">この場合、画像を表す<img>というタグが使われています。なお、<img>タグは終了タグのない「空要素」と呼ばれるタグの一種なので、終了タグは必要ありません。
<img>タグは、それだけでは「なんの画像を表示するのか」というのが分かりません。そこで、タグの要素名に続いて「属性」を書き加えます。属性は、次のような書式で記述します。
<要素名 属性名="属性値" 属性名="属性値"...>先の例では、画像のソースファイルを表すsrcという属性名に対して、画像のファイル名（picture.jpg）を指定しています。これにより、picture.jpgというファイルがあれば、それがページ内に表示されるというわけです。
どのタグに、どんな属性を利用できるかはタグの種類によって決まっていて、<img>タグには次のような属性を付加することができます。
- src（必須）：埋め込みたい画像のパス
- alt：画像が表示できない環境に表示させる、代替の文章
- width：画像の幅を指定します
- height：画像の高さを指定します
その他、すべての属性の値はMDN Web Docsのリファレンスなどを参照すると良いでしょう。
