|
テーマ:タグに挑戦!(102)
カテゴリ:タグ教室
今日はワンポイントと言うより、
ページ作りの際にこっそり使えそうなテクニックを紹介しましょう(〃⌒▽⌒) 目立たないけどなんだかプロのような仕上がりにも・・・ 使いようによってはなると思いますよ( ̄▽ ̄人) ちなみに、今日から4部構成で考えていますので 不幸にも今日この講座を読んでしまった方は、 しっかりとお気に入り日記に登録し、明日と明後日とその次もまた来ましょう( ̄^ ̄*) まず今日は表題(見出し)を普通に記述する方法です。 表題を記述するタグはみなさんご存知ですか? こちらでは初めて解説しますので、まずは例を見てみましょう(〃⌒▽⌒) 例) <h1>表題1</h1> <h2>表題2</h2> <h3>表題3</h3> <h4>表題4</h4> <h5>表題5</h5> <h6>表題6</h6> 表示結果) 表題1表題2表題3表題4表題5表題6文字のサイズを指定したときとは逆なことに気がつきましたか? 何が逆なの?って方は復習に戻りましょう(笑
文字のサイズを指定する際には、 数字が大きいほど文字のサイズも大きくなりましたよね? でもこの見出しを指定するタグは逆なんです。 「H1」タグが一番大きな見出しを表すことになっている点に注意してくださいね(〃⌒▽⌒) そして、全部で6段階の見出しを作ることができます。 ここで、見出しだの表題だの・・・何のことを言ってるの? って方のために、簡単な例をあげておきましょう。 例) <h1>◆ B </h1> <h2>◇表示可能ブラウザ</h2> [IE4][IE5][IE6][NN4][NN6][OP7] <h2>◇解説</h2> Bタグで囲んだ文字を太字にする スタイルシートでの記述を推奨 強調文字はStrongタグを使用する <h2>例</h2> <h3>◇ソース</h3> 今日は<B>木曜日</B>です <h3>◇表示</h3> 今日は木曜日です 表示結果) ◆ B◇表示可能ブラウザ[IE4][IE5][IE6][NN4][NN6][OP7] ◇解説Bタグで囲んだ文字を太字にする スタイルシートでの記述を推奨 強調文字はStrongタグを使用する 例◇ソース今日は<B>木曜日</B>です ◇表示今日は木曜日です なんとなくイメージ沸いたでしょうか? わかりやすくするために、「B」タグの説明形式で例をあげてみました。 一番大きな見出しを「H1」タグで囲み、 次に大きな見出しを「H2」タグで囲み・・・ という感じで見出しにレベルをつけていくってわけですね(〃⌒▽⌒) 決してこのタグを文字の大きさを変えるために使わないで下さい(´・ω・`) 今日は少し難しかったでしょうか? 今日からの4部講座、実を言いますと 「HTMLと言う記述方法の本質を学習しよう!」 って企画になっています。 ただ、本質だけでは味気のない表示になってしまいますので・・・ 本質をしっかり学習しつつ、見栄えもかっこよくしていきます(〃⌒▽⌒) 今日紹介した例では、お世辞にもかっこいいと言えないでしょ?(笑 忘れず続きも読んでくださいね( ̄▽ ̄人) では、また明日ー(゚▽^*)ノ⌒☆ お気に入りの記事を「いいね!」で応援しよう
最終更新日
Aug 25, 2004 12:17:33 AM
コメント(0) | コメントを書く
[タグ教室] カテゴリの最新記事
|