HTMLタグを使用すれば、文中の思い思いの場所で色を変えたり、太字にしたりとデコレーションが楽しめます。しかしながらヤフー！ブログにおいてのHTMLタグの使用には、好みの位置に画像を配置できないなどの制約が多くあります。
wiki文法を使用すれば、文中の任意の場所へ画像を配置したりすることが可能です。そこで、HTMLタグのように自由度はないですが、今までの記事でご案内したテーブルを使用したデコレーション方法を紹介します。
テキストの色替えの要素。
color:☆
☆部分はカラーナンバー（#RRGGBB … 16進数によるRGB値）か、
カラーネーム（Red、Blueといった色名）を使用します。
実際にこのような構文を使用してみます。
||<#ffffff' style='color:#ff0000' ``赤色のテキストにしてみました。||
テキストの強調（太字）の要素。
font-weight:bold
実際に構文へ盛り込んで使用してみます。
||<#ffffff' style='font-weight:bold' ``太字のテキストで強調してみました。||
テキストの大きさの要素。
font-size:☆
☆部分はフォントの大きさを指定。
☆pt（ポイント）
☆％（標準の大きさに対するパーセンテージ）
☆mm（ミリメートル）
実際に構文へ盛り込んでみます。
||<#ffffff' style='font-size:15pt' ``テキストの大きさを15ptにしてみました。||
テキストのフォント変更の要素。
font-family:☆
☆部分はフォント名を指定。
指定したフォントの後に、「,」を入れて更にフォント名を追記していれば、
１番目に記入したフォントが無い場合に、２番目のフォントを使用して表示されます。
実際に構文へ盛り込んで見ます。
||<#ffffff' style='font-family:ＭＳ 明朝' ``明朝体にしてみました。||
| 今までの構文を組み合わせて、色・大きさ・太さ・フォントを変えて表示します。 |
各構文はセミコロン「；」で区切って続けて表記します。
||<#ffffff' style='color:#ff00ff;font-weight:bold;font-size:20pt;font-family:ＭＳ 明朝' ``ピンク色のでっかく太い明朝体です！||
いかがでしたか？
次回はリンクの文法についてご紹介します。
|
コメント（0）
