229526 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

七鍵@楽天

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

コメント新着

k.kyouka@ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo@ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

May , 2024
Apr , 2024
Mar , 2024

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


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

ちなみに、今日から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


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


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

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

例)
<h1>◆ B </h1>
<h2>◇表示可能ブラウザ</h2>
[IE4][IE5][IE6][NN4][NN6][OP7]

<h2>◇解説</h2>
Bタグで囲んだ文字を太字にする
スタイルシートでの記述を推奨
強調文字はStrongタグを使用する

<h2>例</h2>
<h3>◇ソース</h3>
今日は&lt;B&gt;木曜日&lt;/B&gt;です
<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) | コメントを書く
[タグ教室] カテゴリの最新記事



© Rakuten Group, Inc.