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

3-4装飾タグ一覧

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

-----------------------------

■「見た目を変えるだけのタグ」
※これらのタグはマークアップ(挟む)されたタグは表示がかわりますがウェイトは付きません

□水平線は色や形を属性やスタイルで変化させることができます。
<hr> (horizontal rule)水平線
<hr size="5" color="blue">
<hr> タグには次の属性が使えます。(align「水平位置」、color「色」、lang「言語」、noshade「平面表示」、size「大きさ」、title「名づけ」、width「幅」、style 「スタイル」)
<sub> (subscript)下付き添え字 </sub>
<sub> (subscript)下付き添え字 </sub>
<sup> (superscript)上付き添え字 </sup>
<sup> (superscript)上付き添え字 </sup>
<tt> (teletype or monospaced text)等幅テキスト </tt>
<tt> (teletype or monospaced text)等幅テキスト </tt>
<i> (italic text style)イタリック体テキスト </i>
<i> (italic text style)イタリック体テキスト </i>
<b> (bold text style)太字体テキスト </b>
<b> (bold text style)太字体テキスト </b>
<big> (text in a "large" font)大きい文字のテキスト </big>
<big> (text in a "large" font)大きい文字のテキスト </big>
<small> (text in a "small" font)小さい文字のテキスト </small>
<small> (text in a "small" font)小さい文字のテキスト </small>
<del> (deleted text)削除済みテキスト </del>
<ins> (inserted text)挿入テキスト </ins>
<delg> (deleted text)削除済みテキスト </del> </ins> (inserted text)挿入テキスト </ins>
<strike> この文章には打ち消し線が引かれます。 </strike>
<strike> この文章には打ち消し線が引かれます。 </strike>
<s> この文章には打ち消し線が引かれます。 </s>
<s> この文章には打ち消し線が引かれます。 </s>
<u> アンダーラインを引く </u>
<u> アンダーラインを引く </u>
<ruby><rt> ルビをふる <rp></ruby>
<ruby>
浜田省吾
<rp> </rp>
<rt> はまだしょうご </rt>
<rp> </rp>
</ruby>
↓こんな感じですね(^^)ブラウザによって見え方が違っていると思います。どんな風に見えていますか???

浜田省吾 はまだしょうご
<address> アドレス、連絡先
<address>
Copyright © 2005,
<a href="mailto:???[???A?h???X">demerara</a>
All Rights Reserved!
ご意見・ご感想をメールでお寄せください。
</address>
↓こんな感じですね(^^)
Copyright © 2005, demerara All Rights Reserved!ご意見・ご感想をメールでお寄せください。
<br /> (forced line break)強制改行
このタグは<p>タグのなかに記述しても強制的に改行されます <br /> (forced line break)強制改行
↓こんな感じですね(^^)
このタグは<p>タグのなかに記述しても強制的に改行されます
(forced line break)強制改行

■「意味を込めたタグ」

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

*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ
ランキング   リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります)
--MENU--
【テーブルタグ基本編】
  1. テーブルを作ろう!
  2. 枠の太さと色を変えよう!
  3. 背景を飾ろう!
  4. 大きさを決めよう!
  5. 文字・画像の位置を変えよう
  6. 複数行、列にまたがるセル
  7. 入れ子にしてみう!
  8. 枠線を変えよう!
  9. styleの枠線を付けよう!
  10. 直接指定で余白を変えよう
【テーブルタグ上級編】
  1. 外枠を変えよう
  2. 内枠を変えよう
  3. タイトル見出し
  4. 自動改行禁止
  5. 回り込みと解除
  6. グループ化(行)
  7. グループ化(列)
  8. 枠線の色を2色指定
  9. 画像周りの文章
【テキストタグ編】
  1. 基本の構成
  2. 段落と改行
  3. 文章の引用
  4. 文章の装飾
  5. スクロールと点滅
  6. 文字の装飾
  7. リスト(順番なし)
  8. リスト(順番あり)
  9. リスト(定義付け)
  10. アンカータグでリンク
【PR】
便利でお得【プライオリティワン】
便利でお得な情報コミュニティーサイト
http://www.priority-one.info/

女性下着通販【インナーコレクション】
可愛い女性下着の通販専門サイト
/http://www.priority-one.info/inner/

腸内洗浄紹介【HQCCゲルソン】
肝機能を促進する腸内洗浄紹介ページです。
http://www.priority-one.info/enema/

化粧品通販【cosme-PRIORITY ONE】
基礎化粧品からメイクアップ化粧品、自然化粧品、アンチエイジング、ナノテクノロジー化粧品etc
http://www.priority-one.info/cosme/



© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: