i-8jo.com（Yahoo!blog入門）

記事本文を飾り付けてみよう「（その６）HTML超入門６」

今回は、「Supタグ」と「Subタグ」を説明します。

「Supタグ」は上付き文字を、「Subタグ」は下付き文字を付けることができます。

具体的にどんなものかは以下の例を見てください。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。



■[Supタグで上付き文字を設定]

文法）
Supタグで<Sup>上付き文字</Sup>を設定

結果）　
Supタグで^{上付き文字}を設定

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[Subタグで下付き文字を設定]

文法）
Subタグで<Sub>下付き文字</Sub>を設定

結果）　
Subタグで_{下付き文字}を設定

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[ゆらゆら波のように]

文法）
<Sub>ゆ</Sub>ら<Sup>ゆ</Sup>ら<Sub>波</Sub>の<Sup>よ</Sup>う<Sub>に</Sub>

結果）　
_ゆら^ゆら_波の^よう_に

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


如何ですか？これらのタグも前回説明したように他のタグと重ねて利用することができます。
みなさんもいろいろ試してみてください。


[記事本文を飾り付けてみよう（その７）HTML超入門７]へ進む
http://blogs.yahoo.co.jp/i_8jo/184348.html



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください。

記事本文を飾り付けてみよう「（その５）HTML超入門５」

今回はhtmlタグのちょっとだけ応用編です。

これまで、「Bタグ」「Iタグ」「Uタグ」「Sタグ」「FONTタグ」などをご紹介してきましたが、これらのタグは組み合わせて利用することができます。

基本のルールは、タグを入れ子構造にすることです。

例えばこんな感じです。

良い例）　　<タグ１><タグ２>本文</タグ２></タグ１>

悪い例）　　<タグ１><タグ２>本文</タグ１></タグ２>

以上のように、タグを複数利用する時には、必ず入れ子構造（箱の中にまた箱が入っているイメージです）にしてくださいね。

具体的な設定方法は以下のようになっています。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。



■[UタグとFONTタグを組み合わせる]

文法）
<FONT size=5 color=#00ff00><U>UタグとFONTタグを組み合わせる</U></FONT>

結果）　
UタグとFONTタグを組み合わせる

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[色々な色を斜体で]

文法）
<I><FONT color=#00ff00>色々な</FONT><FONT color=#ff00ff>色を</FONT><FONT color=#00ffff>斜体で</FONT></i>

結果）　
色々な色を斜体で

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[何重にもやってみる]

文法）
<S><U><I><B><FONT size=7 color=#ff0000>何重にもやってみる</FONT></B></I></U></S>

結果）　
何重にもやってみる

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


如何でしたか？少しはイメージがつかめましたでしょうか？

ちなみにタグの順番は何が先でも構いません。とにかく基本は「入れ子構造」です。


[記事本文を飾り付けてみよう（その６）HTML超入門６]へ進む
http://blogs.yahoo.co.jp/i_8jo/184093.html



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください。

記事本文を飾り付けてみよう「（その４）HTML超入門４」

今回は「FONTタグ」の応用編です。
応用編などと、偉そうな事を言っても、大したことはありません。

前回までに説明したように、FONTタグではサイズと色を変更できるのですが、これらは同時に変更することができます。

設定方法は以下のようになっています。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。



■[サイズ1の文字を赤色にする]

文法）
<FONT size=1 color=#ff0000>サイズ1の文字を赤色にする</FONT>

結果）　
サイズ1の文字を赤色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ2の文字を緑色にする]

文法）
<FONT size=2 color=#00ff00>サイズ2の文字を緑色にする</FONT>

結果）　
サイズ2の文字を緑色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ3の文字を青色にする]

文法）
<FONT size=3 color=#0000ff>サイズ3の文字を青色にする</FONT>

結果）　
サイズ3の文字を青色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ4の文字を黄色にする]

文法）
<FONT size=4 color=#ffff00>サイズ4の文字を黄色にする</FONT>

結果）　
サイズ4の文字を黄色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ5の文字を水色にする]

文法）
<FONT size=5 color=#00ffff>サイズ5の文字を水色にする</FONT>

結果）　
サイズ5の文字を水色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ6の文字を紫色にする]

文法）
<FONT size=6 color=#ff00ff>サイズ6の文字を紫色にする</FONT>

結果）　
サイズ6の文字を紫色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ7の文字を灰色にする]

文法）
<FONT size=7 color=#999999>サイズ7の文字を灰色にする</FONT>

結果）　
サイズ7の文字を灰色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


如何でしょうか？うまく出来ましたか？

ちなみに「size」と「color」はどちらが先でも構いません。間に" "(半角スペース)を入れるのを忘れないでくださいね。

色見本は以下をご覧になり参考にしてみてください。

色見本１　（http://blogs.yahoo.co.jp/i_8jo/184424.html）
色見本２　（http://blogs.yahoo.co.jp/i_8jo/184463.html）


[記事本文を飾り付けてみよう（その５）HTML超入門５]へ進む
http://blogs.yahoo.co.jp/i_8jo/184069.html



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください。

記事本文を飾り付けてみよう「（その３）HTML超入門３」

今回も前回に引き続き、「FONTタグ」についてご説明します。

まずは、文字の色を変更してみましょう。
色は#000000や#ffffffなどのような英数字で表します。6桁の英数字の前に"#"を付けるのを忘れないでくださいね。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。



■[文字を赤色にする]

文法）
<FONT color=#ff0000>文字を赤色にする</FONT>

結果）　
文字を赤色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[文字を緑色にする]

文法）
<FONT color=#00ff00>文字を緑色にする</FONT>

結果）　
文字を緑色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[文字を青色にする]

文法）
<FONT color=#0000ff>文字を青色にする</FONT>

結果）　
文字を青色にする

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


如何でしょうか？うまく出来ましたか？
この他の色は、色見本をご覧になり参考にしてみてください。

色見本１　（http://blogs.yahoo.co.jp/i_8jo/184424.html）
色見本２　（http://blogs.yahoo.co.jp/i_8jo/184463.html）


[記事本文を飾り付けてみよう（その４）HTML超入門４]へ進む
http://blogs.yahoo.co.jp/i_8jo/184044.html



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください。

記事本文を飾り付けてみよう「（その２）HTML超入門２」

今回は、「FONTタグ」についてご説明します。

FONTタグを利用することで、文字のサイズや色を変更することができます。
まずは、文字のサイズを変更してみましょう。
サイズは1〜7の７段階に設定でき、サイズ2が標準です。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。




■[サイズ1]

文法）
<FONT size=1>サイズ1</FONT>

結果）
サイズ1

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ2]

文法）
<FONT size=2>サイズ2</FONT>

結果）
サイズ2

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ3]

文法）
<FONT size=3>サイズ3</FONT>

結果）
サイズ3

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ4]

文法）
<FONT size=4>サイズ4</FONT>

結果）
サイズ4

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ5]

文法）
<FONT size=5>サイズ5</FONT>

結果）
サイズ5

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ6]

文法）
<FONT size=6>サイズ6</FONT>

結果）
サイズ6

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[サイズ7]

文法）
<FONT size=7>サイズ7</FONT>

結果）
サイズ7

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


このようになります。皆さんもいろいろ試して見てくださいね。

[記事本文を飾り付けてみよう（その３）HTML超入門３]へ進む
http://blogs.yahoo.co.jp/i_8jo/184015.html



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください。