大分飾りが付いて来ましたね。ここでちょっと勉強です。
上の例のように、複数の属性を指定したい時は、ひとつ以上のスペースまたはタブまたは改行のあとに
もうひとつの属性を記述します。順番は関係ありません。
タグの開始と終了は、他の開始〜終了タグの完全に外側か、完全に内側に無くてはなりません。
例えば、<s>〜</s>タグ(打ち消し線)と、<b>〜</b>タグを記述する場合、次のようになります。
【正】 <s>〜<b>〜</b>〜</s> ← 完全に外側
【誤】 <b>〜<s>〜</b>〜</s> ← 終了タグ(</b> )のみを挟んでいる
<font color="#ff0000"> の color="#ff0000" を「属性」と呼び、
この属性を伴うものがあります。
属性名の前には必ず、ひとつ以上の半角スペースか、タブ文字か、改行をいれます。
また属性値には、小文字で書かなければいけないものがあります。(target="_top"など)
【誤】 <a href="xx.html" target="_TOP">〜</a>
属性の値に半角の英数字以外の文字を使用する場合は、ダブルクォーテーション( " )
またはシングルクォーテーション( ' )で囲むようにしましょう。(正確に言うと、半角英数字以外にも、ハイフン(-)、
ピリオド(.)など一部の記号はクォーテーションで囲まなくても良いのですが、最初の内は「記号はクォーテーションで囲む」
とおぼえておいた方が無難でしょう。)
【正】 <font size='+2'>〜</font>
【誤】 <font size=+2>〜</font>
また、ダブルクォーテーション( " )の中ではシングルクォーテーション( ' )を、シングルクォーテーション( ' )
の中ではダブルクォーテーション( " )を用いることができます。
【正】 <input type=button onclick="alert('XXX')">
【誤】 <input type=button onclick="alert("XXX")"> ← "alert(" 及び ")" と解釈される
どうしても両方を使用したい場合は、ダブルクォーテーションの代わりに" を指定します。
<input type=button onclick="alert("X'X")">
前へ 次へ
|