PureBible

壁紙付き表（テーブル）の作り方と解読

壁紙付き表（テーブル）の作り方と解読

まず、必要な材料は壁紙です
ここではPureBibleで用意した↑の壁紙を使ってみましょう
５００×３５０の壁紙です
このタグは。。

<CENTER>
<TABLE>
<TBODY>
<TR>
<TD width="500" height="350" background="http://sozai1.tripod.co.jp/SOZAI/mizu.jpg" align="center" >
PureBibleのトップ画面の作り方だよ <BR>
<BR>
このタグは表のタグを利用してます <BR>
これは、 少し難しいかと思うけど <BR>
頑張って作り方を覚えて下さい <BR>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>


これは知ってる人も多いよね？
そう、文字や画像を真ん中に寄せるタグだね？
全てを真ん中にするために、初めと最後に付けます

これが表（テーブル）のタグです
これも始まりと終わりが必要です
このタグは色々な組み合わせがあるので
ここではこれで行きます

これは、俺もイマイチ知りません。。笑
このページはHP作成ソフトを使っているので
このタグが自動的に表示されました
手書きでの作成では使った事がありません
一応、始まりと終わりを加えてください

これは、行の定義です
これは他の形の表を作る時に必要なのです
この表では、これだけなので
これも始まりと終わりだけを加えてください

今回重要なのはココです
TDは、セルを定義をあらわしてます
（定義の言葉に深く考えないで下さい
TDとTRの文字を間違えなければいいです）

１．これは訳すと
表の横幅が５００ピクセル
縦幅が３５０ピクセルと言う意味です
この数字は壁紙のサイズが５００×３５０なのです

２．これは壁紙を表示するタグです
background="壁紙のURL"

３．これは、表の中の文字を真ん中に寄せるタグです
このタグを消すと左に寄りますが
この壁紙の場合は真ん中に寄せた方がいいでしょう

４．ここがテキストの文字を入れる所だね？
画像やリンクも貼れるけど
画像の場合は、壁紙の大きさより多いきくならないように
注意してね

５．このタグは改行のタグです
改行したい所で <BR> を使いましょう
楽天では「自動改行」てありますが
出来る限り「 自動改行なし 」を使うように癖をつけましょう



これを自分の好きな用にカスタムしよう(^-^)/


<CENTER>
<TABLE>
<TBODY>
<TR>
<TD width="500" height="350" background="壁紙のURL" align="center" >
テキストの文字 <BR>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>


１．壁紙をリピート型を使ってみよう
壁紙を持って無い人ように
PureBibleの壁紙を使ってみてください
自分で持ってる人は自分のを使ってみてね(^-^)/
background="壁紙のURL" の所に使いたい壁紙のURLを入れてみよう

http://sozai1.tripod.co.jp/HAIKEI/awa.gif

↑ぴあ作の壁紙。。ご自由に使いください

２．表の大きさを変えてみよう
width="500" height="350" の数字を変えてみよう

３．外枠の太さを変えよう
↓このタグでは、外枠を表示してません
<TABLE> を <TABLE BORDER="3"> に変更しよう
数字は線の太さの事でこれはピクセルで表してます
数字を増やせば、線は太くなります

４．テキストの文字を書こう(^-^)/
ぴあの壁紙は黒なので
黒色の文字を使うと
テキストの文字が消えるので
壁紙の色と文字の色が重ならないように
気をつけようね(^-^)b

５．文字を左に寄せよう
align="center" の文字を消すだけです。。笑


表（テーブル）のタグは色々なカスタム方法がたくさんあります
その中で、二番目に簡単な使い方です
(一番簡単なのは壁紙を使わない事。。笑)
これで少し理解出来たら
他のHP支援で探してみてください
もっと、色々カスタム出来る表のタグがあります
頑張ってくださいね(^-^)/