テンプレートとアクセスアップのでめらら楽天日記

テキストタグ編（４）

スタイルを使わないでもブラウザ(画面)の上では太字であったり斜文字であったりいろいろと装飾できますが、タグを大きく分けますと「見た目を変えるだけのタグ」と「意味を込めたタグ」があります。
見た目が同じでも内容が違ってきます。
そのホームページの中で重要なセンテンス（文章）やワード（単語）は意味の込められたタグでマークアップして、見た目だけ目立たせたい場合は「テキスト拡張モジュール」を使うのが望ましいと思います。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

■「見た目を変えるだけのタグ」

□水平線は色や形を属性やスタイルで変化させることができます。
<hr> (horizontal rule)水平線

□文字の見た目をいろんな形で表示させましょう。

^{(superscript)上付き添え字}
<tt> (teletype or monospaced text)等幅テキスト </tt>
<i> (italic text style)イタリック体テキスト </i>
<b> (bold text style)太字体テキスト </b>
<big> (text in a "large" font)大きい文字のテキスト </big>
<small> (text in a "small" font)小さい文字のテキスト </small>
<del> (deleted text)削除済みテキスト </del>
<ins> (inserted text)挿入テキスト </ins>
<strike> この文章には打ち消し線が引かれます。 </strike>
<s> この文章には打ち消し線が引かれます。 </s>
<u> アンダーラインを引く </u>


<ruby><rt> ルビをふる <rp></ruby>
<address> アドレス、連絡先
<br /> (forced line break)強制改行

■「意味を込めたタグ」

※強調する必要のないセンテンス（文章）やワード（単語）には使わないことをおすすめいたします。
<em> </em>
<strong> (stronger emphasis)より強い強調 </strong>

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【実例】
■「見た目を変えるだけのタグ」

まずは線を引きますネ（＾＾）↓
<hr> (horizontal rule)水平線

---

つぎは、実際の文章を見てみてください
□文字の見た目をいろんな形で表示させましょう。

これらのタグはマークアップ（挟む）されたタグは表示がかわりますがウェイトは付きません
<sub> は _{(subscript)下付き添え字} です。
逆に <sup> は ^{(superscript)上付き添え字} 、 <tt> を使うと (teletype or monospaced text)等幅テキスト 。
もともと欧米の文字がもとになっているので <i> (italic text style)イタリック体テキスト もよく使われます。
太字にしたいときは <b> (bold text style)太字体テキスト を使いますが、これは強調の意味はありません。
大小には簡単に <big> (text in a "large" font)大きい文字のテキスト <small> (text in a "small" font)小さい文字のテキスト を使えます。
打ち消し線はいくつが種類があって <del><ins> (deleted text)削除済みテキスト (inserted text)挿入テキスト で入れ替えたり、消すだけなら <strike> この文章には打ち消し線が引かれます。 、省略形だと <s> この文章には打ち消し線が引かれます。 になります。
またあまり使うことはお勧めしませんが、 <u> アンダーラインを引く も引けます。

□知っておくと便利かもしれませんね（＾＾）のタグ

▲ルビをふる
<ruby>
浜田省吾
<rp> （ </rp>
<rt> はまだしょうご </rt>
<rp> ） </rp>
</ruby>
↓こんな感じですね（＾＾）ブラウザによって見え方が違っていると思います。どんな風に見えていますか？？？
浜田省吾 （ はまだしょうご

▲アドレス、連絡先
<address>
Copyright © 2005,
<a href="mailto:???[???A?h???X">demerara</a>
All Rights Reserved!
ご意見・ご感想をメールでお寄せください。
</address>
↓こんな感じですね（＾＾）

Copyright © 2005, demerara

▲<p>タグのなかに記述しても強制的に改行されます <br /> (forced line break)強制改行
↓こんな感じですね（＾＾）
▲<p>タグのなかに記述しても強制的に改行されます
(forced line break)強制改行

■「意味を込めたタグ」

このタグは見た目だけでなくそのことばの重要性も <em> (emphasis)強調 します。
さらに、このタグを使うと <strong> (stronger emphasis)より強い強調をあらわします

（楽天広場の各ページ場合改行しますと通常の改行<br>と同じになります。ですのでタグ通りの表示をさせるためには改行やスペースを全て排除して全部つなげてください）

*****************************************************
【庶事所感】
『昭和の文壇で活躍し、小説「親鸞」「厭（いや）がらせの年齢」などで知られる文化勲章受章者の作家、丹羽文雄（にわ・ふみお）さんが二十日午前零時二十五分、肺炎のため東京都武蔵野市西久保の自宅で亡くなった。百歳。三重県四日市市出身。親族で密葬をした後、日本文芸家協会が協会葬をする予定。日程などは未定。喪主は長男直樹（なおき）氏。』
もう百歳でいらっしゃったんですね！存じませんでした。ご冥福をお祈りいたします。

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ