灰色背景がサンプルソース薄緑背景が実際の見た目
文字を斜体にしたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、<span class=”stritalic”>斜体に</span>としています。
.stritalic {font-style:italic;}と記述します。
これは、class=”stritalic”を指定したタグでくくられた箇所の文字を斜体にするという意味です。
なお、font-style:italic;だけでなく、font-style:oblique;でも斜体を表示することができます。
灰色背景がサンプルソース薄緑背景が実際の見た目
文字を太字にしたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、<span class=”strbold”>太字に</span>としています。
.strbold {font-weight:bold;}と記述します。
これは、class=”strbold”を指定したタグでくくられた箇所の文字を太字にするという意味です。
灰色背景がサンプルソース薄緑背景が実際の見た目
強調したい文字をstrongタグで囲みます。
ここでは、<strong>強調</strong>としています。
単に文字が太く見えるだけでなく、Webページ音声読み上げソフト等にもその部分を強調したいんだ！ということを認識させることが出来ます。
単に見た目だけ太文字にしたい時ではなく、強調したい時に使うと良いでしょう。
本項目はHTMLのみで実現できる為、CSSは記述する必要がありません。
灰色背景がサンプルソース薄緑背景が実際の見た目
文字の色を変えたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、<span class=”strred”>赤く</span>としています。
.strred {color:red;}と記述します。
これは、class=”strred”を指定したタグでくくられた箇所の文字色を赤くするという意味です。strblueの方も色が青ということ以外は同じです。
color:redのred部分、color:blueのblue部分を他の色名称やカラーコードに書き換えれば、違う色になります。