000000 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

☆スノーマンROOM☆

初心者用★HPタグ集テーブル編

★★初心者向けのHPタグ集★★


ここでは簡単なHPタグ集を掲載しています。初心者向けなので、上級者の方には
物足りないかと思われますが、ご了承ください。



★テーブル編★


★テーブルタグ


【一口にテーブルタグと言っても、色々あるので、少しずつ紹介したいと思います。】



★テーブルの基礎

●テーブルは、枠で整頓したい時などに使います。

○まずは、普通のテーブル

これがテーブルです。枠の中に文章が入ってるでしょう?


【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。(枠の太さ)"><tr><td>ここに文章がはいります。</td></tr></table>






○次に、枠の中で枠を作ります。(区切る)

テーブルを二つに分けてみましょう二つに分かれるとこんな感じ♪


【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。(枠の太さ)"><tr><td>ここに文章がはいります。テーブルの中の文字にも色をつけましょう</td><td>文章の色を変えたいときは、文章の前後にfontタグを入れましょう。</td></tr></table>



○次に、枠を重ねて作ります。(区切って重ねる)

まずはテーブルを二つにしてみましょう下にも同じものをつけてみましょう♪
二つに重ねてみました^^2列のテーブルができましたね♪


【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。(枠の太さ)"><tr><td>一列目左の文章がはいります。</td><td>一列目右の文章が入ります。</td></tr><tr><td>二列目左の文章が入ります。</td><td>二列目右の文章が入ります。</td></tr></table>






●次に、テーブルに色をつけてみましょう。

テーブルの枠に色がついてるでしょう?


【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます(枠の太さ)" bordercolor="ここに色を入れます"><tr><td>ここに文章がはいります。</td></tr></table>






○次は、テーブルの中に背景色と文字を入れてみましょう。

水色がついているでしょう?


【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字(枠の太さ)" width="ここに数字(枠の長さ)"><tr bgcolor="ここに色を入れます"><td><center>水色がついているでしょう?</center></td></tr></table>





●上の基礎を勉強したら、まとめをしてみましょう。

テーブルの枠の色を消し、中の色を変えてみましょう♪


枠の太さを1に、中の色を白にするとこんな感じ。

文字の色はわかりやすいように黒色で設定してあります。



↑と同じタグで、枠の太さを消し、中の色を白にするとこんな感じ。

文字の色はわかりやすいように黒色で設定してあります。



↑で使ってるタグはこうなります。
↓↓

<table border="0"><tr><td bgcolor="#ffffff">borderを0にすることで枠の色を消すことができます。</td></tr></table>





もっと詳しく知りたい方は↓のサンタからどうぞ^^



© Rakuten Group, Inc.