マーカーを引いて特定の文章を強調する方法

サイト訪問者さんに強調して伝えたい部分にマーカーを使うには

こんにちワ。"道路工事きもまろ"こと、ワンタンです^^;

文章を書く時に特に強調したい箇所を、文字のサイズを大きくしたり、あるいは太字にしたり、文字の色を変えたりされることって比較的多いのでは？と思います。

今回は、文字の背景色を変えて、 マーカーを引いたように 見せる方法を御案内してみたいと思います。

・この方法は、ＨＴＭＬタグコードの使える、すべてのブログまたはホームページ等のウェブサイトで使える方法だと思います。

マーカーを引いて文章の特定の箇所を強調する方法

こんなコード（↓）を使います。

<font color="#000000" style="background-color: #ffff00; font-size: 15px">文章、文章、文章、</font>

*1:赤色の箇所が文字、文章の色です。（上の場合は黒：#000000）
*2:ピンク色の箇所が背景：マーカーの色です。（上の場合は黄色：#ffff00）
*3:紫色の数字が、文字、文章の大きさです。（数字を大きくすると、文字が大きくなります）

「表示を確認」（↓）すると、こうなります。
文章、文章、文章、

文字を大きくして、文字の色とマーカー色を変える

試しに、文字を大きくして、文字色を白、マーカーを赤にしてみます。（↓）

<font color="#ffffff" style="background-color: #ff0000; font-size: 20px">文章、文章、文章、</font>

こうなります（↓）。
文章、文章、文章、

御自身が御好みの、このようなコードを何種類か作っておいて、お使いのパソコンの「メモ帳」にでも保存しておくと、なにかと便利だと思います。

*参考までに⇒色見本と配色サイト - color-sample.com

**関連**
各種のアンダーラインを引く方法

○思うこと
記憶しておきたい文字を強調したいときに、ほとんどの方が中学生時代から蛍光マーカーで教科書をなぞる習慣があると思います。ブログやホームページ等のウェブサイトの強調したい文字にマーカーを引くことは、より有効な強調手段なのではないでしょうか。

☆ブィブィ  ('-^*)/