簡単な文章タグを利用して 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でも使えましたか?他のブログも試してみようかなんて考えたりもするけど、それはなかなかできない事ですね。。実は実験ブログ。保証はできませんが、楽しみも増えるかもしれません。でも…目が痛くなります。お気をつけて。 返信する 規約違反等の連絡 コメントを投稿 goo blogにログインしてコメントを投稿すると、コメントに対する返信があった場合に通知が届きます。 ※コメント投稿者のブログIDはブログ作成者のみに通知されます 名前 タイトル URL ※名前とURLを記憶する コメント ※絵文字はJavaScriptが有効な環境でのみご利用いただけます。 ▼ 絵文字を表示 携帯絵文字 リスト1 リスト2 リスト3 リスト4 リスト5 ユーザー作品 ▲ 閉じる コメント利用規約に同意の上コメント投稿を行ってください。 コメント利用規約に同意する 数字4桁を入力し、投稿ボタンを押してください。 コメントを投稿する
又お伺い致しました・・知らない事をイッパイお教え下さるのでトッテモ嬉しいです。
早速コピー取らせて戴き今後文章作成時の参考にさせて戴きます・・
有難う御座いました。
恐れいります。
文字寄せと横線を使わせてもらいました。
<>の半角をそのままアップできるのは、どんな技?
まずは基本かなと思って書いてみました。
実は私もそんなに詳しいわけではなくて、
自分も試してみながら、いろいろ紹介できればいいなと思ってます。
お役に立てれば、本当に嬉しいです。
京都は私はまったく行った事がないので
アップされる写真はとても楽しませてもらってます。
大変遅くなってすみませんでした。
さっき見てきたら、
あ、いろいろ使ってくれてるーと思って、嬉しかったです。
英語も入ってるから、カッコイイよねー。
全ての<と>を下の半角記号に変えてみてください。
< → <
> → >
コメント欄も変換されて表示されるので全角です。
半角文字にして使ってください。
どうぞ、お試しあれ!
先にとを併せ、利用したいと思います。
Dionでも使えましたか?
他のブログも試してみようかなんて考えたりもするけど、それはなかなかできない事ですね。。
実は実験ブログ。保証はできませんが、楽しみも増えるかもしれません。
でも…目が痛くなります。お気をつけて。