HTMLのタグには color=red や size=5 などの 属性(attribute) を指定することができます。color の部分を 属性名、red の部分を 属性値 と呼びます。
<font color=red size=5>~</font>
大半の属性は「属性名=属性値」の形式ですが、<audio> の autoplay 属性の様に属性名のみを記述するものもあります。
<audio autoplay src="..."></audio>
属性名は大文字でも小文字でも構いません。属性値も多くの場合、大文字でも小文字でも構いませんが、たまに、大文字・小文字を区別する場合(target="_top" の _top など)がありますので、注意してください。
○ <a href="xxx.html" target="_top">~</A> ○ <A HREF="xxx.html" TARGET="_top">~</A> × <a href="xxx.html" target="_TOP">~</a>
属性値に英数字(a-z, A-Z, 0-9
)、ハイフン(-
)、ピリオド(.
)、アンダースコア(_
)、コロン(:
)以外の文字を含むときは属性値をダブルクォーテーション("
)もしくはクォーテーション('
)で囲まなくてはなりません。(アンダースコア(_
)とコロン(:
)は HTML4.01 で追加されました。)
<img src="./image/example.png" alt="">
ダブルクォーテーション("
)の中ではシングルクォーテーション('
)を、シングルクォーテーション('
)の中ではダブルクォーテーション("
)を用いることができます。
<input type=button value="OK" onclick="alert('Hey!')"> <input type=button value="OK" onclick='alert("Hey!")'>
HTML の本文中と同様、アンパサンド(&
)、右大不等号(<
)、左大不等号(>
)はそれぞれ、&、<、> と記述します。(この形式を 文字参照 と呼びます。)
<img src="xx.gif" alt="< や > や & の説明">
また、ダブルクォーテーション("
)を "、または "、シングルクォーテーション('
)を ' と記述することもできます。
<img src="xx.gif" alt="" や ' の説明">