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

七鍵@楽天

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

PR

コメント新着

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

バックナンバー

Apr , 2024
Mar , 2024
Feb , 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 9, 2004
XML
カテゴリ:タグ教室
第2回第3回に引き続き、また文字を変えてみましょう(〃⌒▽⌒)
今回は文字のスタイルをいろいろ変更するタグを紹介します。
これから4個のタグが登場しますが、またまた心配ご無用( ̄^ ̄*)
今まで以上に簡単ですから(〃⌒▽⌒)

では、早速ひとつ目。

例)
<b>ここが太字になるよー</b>

表示結果)

ここが太字になるよー

とってもわかりやすいですよねー。
「ぶた(BUTA)」の「B」で囲めば太くなるんですよ(〃⌒▽⌒)
本当は「BOLD」の「B」らしいですがそんなの覚えにくいですよね。
ぶたタグで囲めば太くなるって覚えましょー。

次はななめ文字を紹介します。

例)
<i>ここがななめ文字になるよー</i>

表示結果)

ここがななめ文字になるよー

今度もたった一文字だけのタグです。
「Italic(斜体)」の「I」らしいですが・・・
イタリアにあるなんとかの斜塔のせいで
斜体文字がイタリックと呼ばれているのでしょうか?
よくわかりませんが・・・
覚えやすくもじった表現思いつかなかったんですよ(´・ω・`)

気をとり直して3こ目は下線をつけてみましょう。

例)
<u>ここに下線がつくよー</u>

表示結果)

ここに下線がつくよー

これは「Under(下)」の「U」らしいです。
簡単ですよね(〃⌒▽⌒)
下に線をひくから「Under(アンダー)」で囲むってわけです。
「A」とまちがえちゃだめですよー。

最後は打ち消し線です。
例)
<s>ここに打ち消し線がつくよー</s>

表示結果)

ここに打ち消し線がつくよー

「Strike」の@¥「S」らしいですが
「線(Sen)」の「S」の方が覚えやすいですか?
ただ、定価\20,000→特別価格\9,880
こんな感じで使うのでしょうか?
あまり使い道ないかもしれませんね(笑

以上4こ紹介しましたが覚えれましたか?

<b>太字</b>
<i>斜体</i>
<u>下線</u>
<s>打ち消し線</s>

どれもこれも1文字タグで最初はこんがらがるかもしれませんが
あせらず一つずつゆっくり覚えて下さいね(〃⌒▽⌒)

最後に例のごとく応用技(組み合わせ技)をのせておきます。

例)
<font size="5" color="#9900ff"><b><s>大きさ5で色付で、太くて打ち消された文字(笑</s></b></font>

表示結果)

大きさ5で色付で、太くて打ち消された文字(笑

明日はなんと・・・
画像をHPに貼りつけてみましょう(〃⌒▽⌒)
楽しみにしておいて下さいね(゚▽^*)ノ⌒☆





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

最終更新日  Aug 9, 2004 07:44:23 AM
コメント(6) | コメントを書く
[タグ教室] カテゴリの最新記事



© Rakuten Group, Inc.