サンプルを表示してもまったく色が出ません。 |
本文中の文字を太字にしたい。 |
本文中の文字の色を変えたい。 |
サンプルを表示してもまったく色が出ません。 | ||
---|---|---|
本書のサンプルは,すべて色や文字サイズの指定にスタイルシート(CSS)を使用しています。ブラウザが「スタイルシートを使用しない」設定になっている場合は,これらの指定がすべて無効になります。 なお,ブラウザによってはスタイルシート(CSS)に対応していないものもあります(PDAなどに付属するブラウザなど)。 ちなみに,スタイルシートを使用しないで,従来のHTMLタグに属性を埋め込むことで色や文字サイズなどを指定する方法もありますが,ほとんどのタグに属性を埋め込む必要があるため,本書では扱いませんでした。 | ||
▲一覧へ | ||
本文中の文字を太字にしたい。 | ||
---|---|---|
テキストの一部を太字にしたい場合は,その文字を「<b>〜</b>」で囲んでください。 その先は、<b>大きな沼</b>がありました。 ↓ その先は、大きな沼がありました。 同様にして,下線や斜体, その先は、<u>大きな沼</u>がありました。 ↓ その先は、大きな沼がありました。 その先は、<i>大きな沼</i>がありました。 ↓ その先は、大きな沼がありました。 その先は、<s>大きな沼</s>がありました。 ↓ その先は、 なお,これらのタグを使う場合は,タグの閉じ忘れに注意してください。</b>が抜けていると,このように以降の文字がすべて太字になってしまいます。 | ||
▲一覧へ | ||
本文中の文字の色を変えたい。 | ||
---|---|---|
テキストの一部を色文字にするには,fontタグを使う方法と,スタイルシートのcolorプロパティを使う2つの方法があります。 (1)fontタグを使う次の場合は,色を変えたい文字を,次のように<font color="カラーコード">〜</font>で囲みます。 その先は、<font color="#ff0000">大きな沼</font>がありました。 ↓ その先は、大きな沼がありました。 (2)スタイルシートを使う場合は,方法が2種類あります。まずは,単純に1カ所だけの色を変えたい場合は,次のように<span style="color:カラーコード">〜</span>で囲みます。 その先は、<span style="color:#ff0000">大きな沼</span>がありました。 ↓ その先は、大きな沼がありました。 (3)同じ文書のなかで繰り返し同じ色を使いたい場合は,次のようにstyle要素に色の名前をクラス名として定義しておくのがよいでしょう。 <style type="text/css"><-- ……… …(すでに定義されているクラス名)… ……… .red {color:#ff0000; ←この行と次行を追加する } --></style> 後は色文字にしたい部分を<span class="クラス名">〜</span>で囲みます。 その先は、<span class="red">大きな沼</span>がありました。 ↓ その先は、大きな沼がありました。 なお,これらのタグを使う場合は,タグの閉じ忘れに注意してください。</font>や</span>が抜けていると,このように以降の文字がすべて色が変わってしまいます。 | ||
▲一覧へ | ||