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