|
2006/01/20(金)
スポンジダッシュ
|
|
|
21時くらいまで起きてたのは覚えてるけど、起きたら午前2時だった。
もう早寝早起きなんだか何がなんだかわからない。2:26
もくじ
・テーブルタグを使ってみる………難易度高め
正直、薙もよくわかってません。いつもテーブルは苦戦します。
なので、薙も勉強しつつ。
テーブルとは…見れば分かります。薙のサイトでは、以下のところに使用されています。
・はじめに…総括と、バナーが置いてあるところ。
・薙について…基本プロフィール、薙的プロフィール
・ネトゲ…PSO、メイプルの各キャラのプロフィール
・ポップン…動画、画像
・リンク…ブックマーク以外の全てのリンクのページ
そう、テーブルとは、あの、図表のようなものです。
テーブルは、サイトによっては、正直必要ないです。はっきり言って必須のタグではないです。
でも、使いこなせば、サイトの外観を整頓するのに大きく役立ちます。
テーブルの線をサイトの背景と同じ色にすることで、凝った演出もできます。
さて、実践。
薙も一緒に勉強しながらなので間違えてたらごめん。
とりあえず、1月16日の思想に書いたような感じで、テーブルを組むに当たってこれは最低限必要なタグになります。
<TABLE border="1">
<TBODY>
<TR>
<TD>
</TD>
</TR>
</TBODY>
</TABLE>
TABLEタグの中にTBODY（テーブルボディ）があって、その中にTR、さらにその中にTDが入っています。
1月16日の思想と同じで、TBODYの中に入る部分が、書き換えたり組み替えたりする部分です。
えーと、説明としては、TRを入れると、縦にマス目が1つ増えます。TDを入れると、横にマス目が増えます。
つまり、上のタグの場合、縦にマス目が1つ、横にマス目が1つ、なので、四角が1つできます。
わかりづらいと思うのでこちらを参照。
例1………http://holic.nobody.jp/holic20060120.html
このテーブルには、
<TABLE border="1">
<TBODY>
<TR>
<TD>
こうなります。
</TD>
</TR>
</TBODY>
</TABLE>
と書いてあります。
横にマス目を増やす場合。
上のほうに書いたとおり、横にマス目を増やすのはTDタグです。
TDタグは、TRタグの中に入れて書きましょう。
例2………http://holic.nobody.jp/holic20060120.html
タグは
<TABLE border="1">
<TBODY>
<TR>
<TD>
TDを増やすと
</TD>
<TD>
横にマス目が増えます。
</TD>
</TR>
</TBODY>
</TABLE>
です。
では、縦に増やす場合。
縦にマス目を増やすのはTRタグです。
ただ、TRタグの中にTDを入れないと、「マス目」にならないので注意しましょう。
例3、4………http://holic.nobody.jp/holic20060120.html
例3は
<TABLE border="1">
<TBODY>
<TR>
<TD>
TRを増やすと
</TD>
</TR>
<TR>
縦にマス目が増えます。
</TR>
</TBODY>
</TABLE>
例4は
<TABLE border="1">
<TBODY>
<TR>
<TD>
TRを増やすと
</TD>
</TR>
<TR>
<TD>
縦にマス目が増えます。
</TD>
</TR>
</TBODY>
</TABLE>
と、書いてあります。違いがわかりますか？
例3は、「縦にマス目が増えます」と書いてるところの前後にTDを書き忘れています。
「TR+TD」で初めて、マス目になります。
横にマス目を増やす場合は、
TRタグの中に「TDのみ」を増殖させればよい（例5………http://holic.nobody.jp/holic20060120.html）ですが、
縦にマス目を増やす場合は、
「TRの中にTD」を増殖させる必要があります（例6………http://holic.nobody.jp/holic20060120.html）。
例5のタグは
<table border="1">
<tbody>
<tr>
<td>
あ
</td>
<td>
い
</td>
<td>
う
</td>
<td>
え
</td>
<td>
お
</td>
</tr>
</tbody>
</table>
例6のタグは
<table border="1">
<tbody>
<tr>
<td>
あ
</td>
</tr>
<tr>
<td>
か
</td>
</tr>
<tr>
<td>
さ
</td>
</tr>
<tr>
<td>
た
</td>
</tr>
<tr>
<td>
な
</td>
</tr>
</tbody>
</table>
となっています。
が、実際のところ、「TR+TDでマス目1つ」の原則は変わらないので、
縦にマス目を増やす場合、「TR+TD」を増殖させなくても、
TDの中に「TRのみ」を増殖させてもいいんじゃないか、
と感じる人もいるかもしれませんが、実際にやってみたところ、できませんでした。
「TDは常にTRの中」で覚ましょう。
最後に例7。こういうテーブルはどう作るのか、それは自分で実際に考えてみてください。
例7………http://holic.nobody.jp/holic20060120.html
このタグが自分で組めれば、はっきり言って言うこと無いです今は。
ちなみに、例のページで
右クリック→ソースを表示
とすると、どういったタグが書かれているのか、見る事ができます。
テーブルだけに限らず、<p align>の使い方なんかも参考にしてみてください。
レス
なす
リクエストのタイマーを孤独に描く。どこかハンパさがにじみ出ている気もする。
|
 |
|
|
前の月
