サルでもわかる?かんたんHTML トップページ
>>> #3.文字
>>> 太字・斜体・下線・取消し線
「今回は文字を装飾するタグをやるぞぃ。」
「こんな風に文字を太字にしたりできるんじゃ。」
文字を装飾するタグ
-----------------------------------------------------------------
<B> 〜 </B> : 太字にする
<STRONG> 〜 </STRONG> : 太字にする
<I> 〜 </I> : 斜体にする
<EM> 〜 </EM> : 斜体にする
<U> 〜 </U> : 下線をつける
<S> 〜 </S> : 取消し線をつける
-----------------------------------------------------------------
「ひゃ〜!いっぱいあるなぁ・・・。」
「そうじゃな。
じゃがそんなに難しいものではないじゃろぅ?」
「確かに一文字だけのもあるし・・・。
あれ?太字と斜体にするタグ、2つずつありますね?」
「うむ。太字と斜体のタグはどちらを使っても見た目は一緒なんじゃ。
じゃが、ちょっと役割がちがうぞぃ。」
「役割?」
「まず <B>〜</B> と <I>〜</I> じゃが、
これはただ単に見た目を太字にしたり、斜体にしたりするだけなんじゃ。」
「ふむふむ。」
「それに対して
<STRONG>〜</STRONG> と <EM>〜</EM> を使った文字は
そのページの中で重要な部分だ!と
パソコンに教えてやる役割があるんじゃ。」
「ん?なんか同じような役割のタグ、前にもでてきたなぁ・・・?
見出しを指定しよう で出てきたタグもそうでしたよね?。」
「その通り。
じゃから、ただ見た目を変えるだけなら
<B>〜</B> と <I>〜</I> を使うべきじゃな。
では実際に見てみるぞぃ。」
「こんな風に入力するんじゃ。ブラウザで見てみるぞぃ。」
「見た目は一緒になるが、意味によって使い分けるのがいいぞぃ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
サルでもわかる?かんたんHTML トップページ >>> #3.文字 >>> 太字・斜体・下線・取消し線
| サンプル |
|
うらしまたろう うらしまたろう うらしまたろう |
-----------------------------------------------------------------
<B> 〜 </B> : 太字にする
<STRONG> 〜 </STRONG> : 太字にする
<I> 〜 </I> : 斜体にする
<EM> 〜 </EM> : 斜体にする
<U> 〜 </U> : 下線をつける
<S> 〜 </S> : 取消し線をつける
-----------------------------------------------------------------
じゃがそんなに難しいものではないじゃろぅ?」
あれ?太字と斜体にするタグ、2つずつありますね?」
じゃが、ちょっと役割がちがうぞぃ。」
これはただ単に見た目を太字にしたり、斜体にしたりするだけなんじゃ。」
<STRONG>〜</STRONG> と <EM>〜</EM> を使った文字は
そのページの中で重要な部分だ!と
パソコンに教えてやる役割があるんじゃ。」
見出しを指定しよう で出てきたタグもそうでしたよね?。」
じゃから、ただ見た目を変えるだけなら
<B>〜</B> と <I>〜</I> を使うべきじゃな。
では実際に見てみるぞぃ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<B>おとひめさまは言いました。</B> <STRONG>「この玉手箱は絶対に開けてはいけませんよ。」</STRONG> うらしまたろうは<U>玉手箱</U> をもらうと 亀の背に乗って<S>明日のジョー</S>竜宮城を後にしました。 村へ帰ると、まわりには知らない人ばかり。 <I>なんかおかしいぞ・・・?</I> と思ったうらしまたろうは、もらった玉手箱を思い出し とうとうあけてしまいました。 すると中から・・・ <EM>おばあさんが出てきました。</EM> |
| ブラウザ |
|
おとひめさまは言いました。 ← ただの太字じゃ。
「この玉手箱は絶対に開けてはいけませんよ。」 ← 重要な太字じゃ。 うらしまたろうは玉手箱 をもらうと ← 下線じゃ。 亀の背に乗って 村へ帰ると、まわりには知らない人ばかり。 なんかおかしいぞ・・・? ← ただの斜体じゃ。 と思ったうらしまたろうは、もらった玉手箱を思い出し とうとうあけてしまいました。 すると中から・・・ おばあさんが出てきました。 ← 重要な斜体じゃ。 |
今回はこれでおしまいじゃ。」
↑ページのTOPへ
|
部分的な文字の色 <<< 前のページへ戻る |
画像を準備しよう 次のページへ進む >>> |
サルでもわかる?かんたんHTML トップページ >>> #3.文字 >>> 太字・斜体・下線・取消し線
