コピペ用サンプル – ページ 7 – コピペで出来る!簡単ホームページ作成入門

文章の一部を強調する

10月 122011

灰色背景がサンプルソース薄緑背景が実際の見た目

文章の一部分を強調することが出来る。

文章の一部分を強調することが出来る。
単に文字が太く見えるだけでなく、Webページ音声読み上げソフト等にもその部分を強調したいんだ！ということを認識させることが出来ます。

強調したい文字をstrongタグで囲みます。
ここでは、強調としています。
単に文字が太く見えるだけでなく、Webページ音声読み上げソフト等にもその部分を強調したいんだ！ということを認識させることが出来ます。
単に見た目だけ太文字にしたい時ではなく、強調したい時に使うと良いでしょう。

本項目はHTMLのみで実現できる為、CSSは記述する必要がありません。

10月 122011

灰色背景がサンプルソース薄緑背景が実際の見た目

class=”strred”が記述されたspanタグで囲んだ文字だけが赤くなる。class=”strgreen”が記述されたspanタグで囲んだ文字だけが緑色になる。

.strred {color:red;}
.strblue {color:blue;}

class=”strred”が記述されたspanタグで囲んだ文字だけが赤くなる。
class=”strblue”が記述されたspanタグで囲んだ文字だけが青になる。

文字の色を変えたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、赤くとしています。

.strred {color:red;}と記述します。

これは、class=”strred”を指定したタグでくくられた箇所の文字色を赤くするという意味です。strblueの方も色が青ということ以外は同じです。

color:redのred部分、color:blueのblue部分を他の色名称やカラーコードに書き換えれば、違う色になります。