初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #3.文字  >>> 太字・斜体・下線・取消し線



      



太字・斜体・下線・取消し線



HP作成講座の先生  「今回は文字を装飾するタグをやるぞぃ。」



 サンプル


うらしまたろう

うらしまたろう

うらしまたろう

やまもとたろう






HP作成講座の先生  「こんな風に文字を太字にしたりできるんじゃ。」



電球  文字を装飾するタグ
-----------------------------------------------------------------


 <B> 〜 </B> : 太字にする

 <STRONG> 〜 </STRONG> : 太字にする

 <I> 〜 </I> : 斜体にする

 <EM> 〜 </EM> : 斜体にする

 <U> 〜 </U> : 下線をつける

 <S> 〜 </S> : 取消し線をつける


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



HP作成超初心者  「ひゃ〜!いっぱいあるなぁ・・・。」


HP作成講座の先生  「そうじゃな。
    じゃがそんなに難しいものではないじゃろぅ?」


HP作成超初心者  「確かに一文字だけのもあるし・・・。
    あれ?太字と斜体にするタグ、2つずつありますね?」


HP作成講座の先生  「うむ。太字と斜体のタグはどちらを使っても見た目は一緒なんじゃ。
    じゃが、ちょっと役割がちがうぞぃ。」


HP作成超初心者  「役割?」


HP作成講座の先生  「まず <B>〜</B> と <I>〜</I> じゃが、
    これはただ単に見た目を太字にしたり、斜体にしたりするだけなんじゃ。」


HP作成超初心者  「ふむふむ。」


HP作成講座の先生  「それに対して
    <STRONG>〜</STRONG> と <EM>〜</EM> を使った文字は
    そのページの中で重要な部分だ!と
    パソコンに教えてやる役割があるんじゃ。」


HP作成超初心者  「ん?なんか同じような役割のタグ、前にもでてきたなぁ・・・?
    見出しを指定しよう で出てきたタグもそうでしたよね?。」


HP作成講座の先生  「その通り。
    じゃから、ただ見た目を変えるだけなら
    <B>〜</B> と <I>〜</I> を使うべきじゃな。
    では実際に見てみるぞぃ。」



 メモ帳
<BODY>〜</BODY> の間に入力


<B>おとひめさまは言いました。</B>

<STRONG>「この玉手箱は絶対に開けてはいけませんよ。」</STRONG>

うらしまたろうは<U>玉手箱</U> をもらうと

亀の背に乗って<S>明日のジョー</S>竜宮城を後にしました。

村へ帰ると、まわりには知らない人ばかり。

<I>なんかおかしいぞ・・・?</I>

と思ったうらしまたろうは、もらった玉手箱を思い出し

とうとうあけてしまいました。

すると中から・・・

<EM>おばあさんが出てきました。</EM>





HP作成講座の先生  「こんな風に入力するんじゃ。ブラウザで見てみるぞぃ。」



 ブラウザ
おとひめさまは言いました。 ← ただの太字じゃ。

「この玉手箱は絶対に開けてはいけませんよ。」 ← 重要な太字じゃ。

うらしまたろうは玉手箱 をもらうと ← 下線じゃ。

亀の背に乗って明日のジョー竜宮城を後にしました。 ← 取消し線じゃな。

村へ帰ると、まわりには知らない人ばかり。

なんかおかしいぞ・・・? ← ただの斜体じゃ。

と思ったうらしまたろうは、もらった玉手箱を思い出し

とうとうあけてしまいました。

すると中から・・・

おばあさんが出てきました。 ← 重要な斜体じゃ。




HP作成講座の先生  「見た目は一緒になるが、意味によって使い分けるのがいいぞぃ。
    今回はこれでおしまいじゃ。」






↑ページのTOPへ


部分的な文字の色
<<< 前のページへ戻る
画像を準備しよう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #3.文字  >>> 太字・斜体・下線・取消し線





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML