七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Aug 25, 2004

タグを覚えよう【第１９回目】　-　プロのようなページ作成テクニック（其の一）

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

今日はワンポイントと言うより、
ページ作りの際にこっそり使えそうなテクニックを紹介しましょう(〃⌒▽⌒)
目立たないけどなんだかプロのような仕上がりにも・・・
使いようによってはなると思いますよ(￣▽￣人)

ちなみに、今日から４部構成で考えていますので
不幸にも今日この講座を読んでしまった方は、
しっかりとお気に入り日記に登録し、明日と明後日とその次もまた来ましょう(￣^￣*)

まず今日は表題（見出し）を普通に記述する方法です。
表題を記述するタグはみなさんご存知ですか？

例）
<h1>表題１</h1>
<h2>表題２</h2>
<h3>表題３</h3>
<h4>表題４</h4>
<h5>表題５</h5>
<h6>表題６</h6>

表示結果）

表題１

表題２

表題３

表題４

表題５

表題６

文字のサイズを指定したときとは逆なことに気がつきましたか？
何が逆なの？って方は復習に戻りましょう（笑

ちなみにH3タグとH4タグの記述が勝手におしゃれになっていますよね
これは楽天の仕様です(´･ω･`)
勝手なことを・・・と思うかもしれませんが仕方ありません（笑
楽天ではこんなもんなんだ、と思っておきましょう。

文字のサイズを指定する際には、

でもこの見出しを指定するタグは逆なんです。
「H1」タグが一番大きな見出しを表すことになっている点に注意してくださいね(〃⌒▽⌒)
そして、全部で６段階の見出しを作ることができます。
ここで、見出しだの表題だの・・・何のことを言ってるの？
って方のために、簡単な例をあげておきましょう。

<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」タグで囲み・・・
という感じで見出しにレベルをつけていくってわけですね(〃⌒▽⌒)
決してこのタグを文字の大きさを変えるために使わないで下さい(´･ω･`)

今日は少し難しかったでしょうか？
今日からの４部講座、実を言いますと

「HTMLと言う記述方法の本質を学習しよう！」

って企画になっています。
ただ、本質だけでは味気のない表示になってしまいますので・・・
本質をしっかり学習しつつ、見栄えもかっこよくしていきます(〃⌒▽⌒)
今日紹介した例では、お世辞にもかっこいいと言えないでしょ？（笑
忘れず続きも読んでくださいね(￣▽￣人)

では、また明日ー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう