Lilac-Garden

写真で綴る日々の記録 & クラギ練習帳

簡単な文章タグを利用して

2006年10月27日 | ただ今HTML修行中!

前回は枠の中に画像を入れてレイアウトする記事を書きましたが、今日はもっと簡単にできる文章中の装飾について書こうと思います。



文章にいろいろアレンジをすると楽しくなりますが、その中で頻繁に使う簡単なものをまとめてみました。例えばgooのFONTボタンを押すと

というタグが出てきますが、これを利用して簡単に変化をつける事ができます。

ただ今HTML修行中! 文字サイズ5でリンク。

ただ今HTML修行中!

上記のタグを応用して
size=5 (1~5までで文字サイズを調整します)
color="black" または color="#8B0000"
  black以外にもカラーコード表から#以下6桁の記号番号が使えます。

style="line-height:160%; の部分は行間を指定しています。
このタグの160%の数字を変えてみてください。行間が調節できます。例えば、120%の狭い行間にして詩のような文章を書いてみます。

澄みきった青い空
午後の太陽が
大きな白い雲を
ゆっくりと
押して行きました。


200%など大きな数字を入れて行間を広げ、文章をゆったり表示させて読みやすくしてもよいでしょう。また、文章中に目立たせたい箇所がある場合には
太字にしたり      太字にしたり
色をつけたりします。  色をつけたりします。
色つきの太字にするには  色つきの太字にするには

左寄せにして
文字長さのジグザグラインを
活かしたり
何も指定しなければ
左寄せになります。

中央寄せにして
ソフトな
文字の流れを作ったり

右端に写真タイトル


左寄せ

中央寄せ
右寄せ

グレーの横線内のタグをお持ち帰りください。記事内にあるグレーの横線は
を入れると表示できます。たくさんの工夫ができると思いますので、色を変えたり、文章の流れに変化をつけて応用してくださいネ。