ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/04/04

【初心者のための日記でＴＡＢＬＥ講座！】

(10)

カテゴリ：【日記の雛形！】

何回かに分けて【初心者のための日記でＴＡＢＬＥ講座！】を書いて行こうと思います。

では！日記に背景色をつけてみましょう。一番簡単な一列一行のＴＥＢＬＥです！

ここがセル内です

タグは↓こうなります。

<table width="50%" border="1" cellspacing="0" cellpadding="0"><tr><td>ここがセル内です</td></tr></table>

そこでＴＡＢＬＥの中にＴＡＢＬＥを入れてみます。

ここがセル内です

タグはこのように書いています↓

判りやすいように外側の

ＴＡＢＬＥが青

、中に入れた

ＴＡＢＬＥが緑

の枠にしてあります。

<table width="50%" border="1" cellspacing="0" cellpadding="0" bordercolor="blue"><tr><td> <table width="50%" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="green"><tr><td>ここがセル内です</td></tr></table> </td></tr></table>

中に入れたＴＡＢＬＥには、　align="center"　でセンターリングさせています。

ここまでは判りますか？

では！外側のテーブルに背景色を入れて、全体の枠を作ってみましょう。

枠は　cellspacing="1"　として、ダブルにして見ます。cellspacing="0"　ですと、シングル線になります。

タグをＴＥＢＬＥのセルの中に書いておきます。

<table width="100%" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink" bgcolor="#ffeeee"><tr><td bgcolor="#ffeeee">ここがセル内です</td></tr></table>

bordercolor="deeppink"　が枠の色です。 bgcolor="#ffeeee"　が背景色です。

TABLEの高さを指定していませんから、テキストを書いただけ、セルが縦に広がってくれます。

高さを指定してみましょうか！ height="200" を入れてみます。

<table width="100%" height="200" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink" bgcolor="#ffeeee"><tr><td bgcolor="#ffeeee">ここがセル内です</td></tr></table>

外枠らしくなりましたね！(￣m￣*)V

では、これに便箋風のＴＡＢＬＥを入れてみましょう！

「ここがセル内です」というところに、もう一つＴＡＢＬＥを入れます。

行の実線もセル内の背景色を使って表示しています。

中のＴＡＢＬＥの幅は全体の　width="80%"にしてあります。

テキストを書くところ意外は、タグを続けて書きます。

決して、タグ間は改行したり、スペースを入れてはいけません。

文字は１行づつ書きます。

この下に、この便箋風なタグは書いておきます。

ということで、今回は、日記全体に背景色を付ける事と

ＴＡＢＬＥの中にＴＡＢＬＥを入れることをやって見ました。

判っていただけたでしょうか？・・(￣‥￣)=3 ﾌﾝ

お願い判って・・・(￣_￣ i)ﾀﾗｰ

タグが判ってきた人も・・・おさらいで・・・(￣‥￣)=3 ﾌﾝ

<table width="100%" height="200" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink"><tr><td bgcolor="#ffeeee"> <table align="center" width="80%" cellspacing="0" cellpadding="4" style="color:black;font-family:Comic Sans Ms;font-size:14;"><tr><td height="10"></td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td height="1"></td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr></table>
</td></tr></table>

ご質問掲示板【プチ講座】チャット

お気に入りの記事を「いいね！」で応援しよう