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

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

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

右端に写真タイトル


左寄せ

中央寄せ
右寄せ

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








最新の画像もっと見る

6 コメント

コメント日が  古い順  |   新しい順
参考に・・ (「はな」)
2006-10-27 18:04:20
こんにちは・・

又お伺い致しました・・知らない事をイッパイお教え下さるのでトッテモ嬉しいです。

早速コピー取らせて戴き今後文章作成時の参考にさせて戴きます・・

有難う御座いました。
返信する
役にたちます。 (kiri)
2006-10-28 22:02:37
同じくらいにブログを始めたのにね~

恐れいります。

文字寄せと横線を使わせてもらいました。

<>の半角をそのままアップできるのは、どんな技?

返信する
はなさん、ありがとうございます。 (Lilac)
2006-10-29 07:59:54
もう、皆さんご存知の事ばかりでしたが

まずは基本かなと思って書いてみました。



実は私もそんなに詳しいわけではなくて、

自分も試してみながら、いろいろ紹介できればいいなと思ってます。

お役に立てれば、本当に嬉しいです。



京都は私はまったく行った事がないので

アップされる写真はとても楽しませてもらってます。

大変遅くなってすみませんでした。
返信する
kiriさん、hrは簡単便利! (Lilac)
2006-10-29 08:07:36
それは言いっこなしですよ!

さっき見てきたら、

あ、いろいろ使ってくれてるーと思って、嬉しかったです。

英語も入ってるから、カッコイイよねー。



全ての<と>を下の半角記号に変えてみてください。

< → <

 > → >

コメント欄も変換されて表示されるので全角です。

半角文字にして使ってください。

どうぞ、お試しあれ!
返信する
これもコピー、有難う。 (7wth2)
2006-10-29 15:59:31
これもコピーさせていただきました。

先にとを併せ、利用したいと思います。
返信する
7wth2さん、ありがとう。 (Lilac)
2006-10-30 23:35:42
コピー、どうぞ、どうぞお持ち帰りください。

Dionでも使えましたか?

他のブログも試してみようかなんて考えたりもするけど、それはなかなかできない事ですね。。



実は実験ブログ。保証はできませんが、楽しみも増えるかもしれません。

でも…目が痛くなります。お気をつけて。
返信する

コメントを投稿