文字の装飾

文字の装飾として「太字」「イタリック」「取消し線」を設定する方法を確認します。使用するツールバー上のアイコンは次の3つです。

太字

太字を設定してみます。ビジュアルエディタの本文入力エリア内に記述された文字列の中で、太字を設定したい文字列を選択します。

ツールバー上の次のボタンをクリックします。

選択していた文字列の箇所が太字になります。

コードビューで確認すると次のようになっています。

太字を設定するとHTMLページ上では<strong></strong>タグで囲まれる設定がされることが分かります。

イタリック

イタリックを設定してみます。ビジュアルエディタの本文入力エリア内に記述された文字列の中で、イタリックを設定したい文字列を選択します。

ツールバー上の次のボタンをクリックします。

選択していた文字列の箇所がイタリックになります。

コードビューで確認すると次のようになっています。

イタリックを設定するとHTMLページ上では<em></em>タグで囲まれる設定がされることが分かります。

取消し線

取消し線を設定してみます。ビジュアルエディタの本文入力エリア内に記述された文字列の中で、取消し線を設定したい文字列を選択します。

ツールバー上の次のボタンをクリックします。

選択していた文字列の箇所が取消し線になります。

コードビューで確認すると次のようになっています。

取消し線を設定するとHTMLページ上では<strike></strike>タグで囲まれる設定がされることが分かります。

ブログでの確認

では編集を保存して頂きブログでどのように表示されるのかを確認してみます。

「太字」「イタリック」「取り消し線」がそれぞれ反映されていることが確認できます。