ホームページのデザインテンプレートをダウンロードできるサイト
|
|
|
|
|
|
||
|
|
||
|
ホームページのデザインテンプレートをダウンロードできるサイト
|
|
|
【クリック募金】
【ウィルス対策】  【HTMLタグ】 
【PCトラブル】 
【ランキング】 
【P R】 
|
テーブル（表） 
タグの簡易テスト（別窓） | テーブルの基礎 | 行を増やす・減らす | 列を増やす・減らす | 行の結合 | 列の結合 | 右・左・中央寄せ | | 背景色 | かわいいテーブル | 背景に画像 | 透けるテーブル | テーブルの基礎 | 基本形 | ボーダー | 幅・高さ | 余白 | 間隔 | まとめ |■基本形 テーブルは表を作るためのものですが、レイアウトにもよく使われます。 <table><tr><td>の3つのタグで組まれます。この3つに行や列、幅や余白の設定をしていきます。 <table> <tr> <td> </td> </tr> </table>  <table>〜</table>は表を作りますよという意味です。 <tr>〜</tr>は表に横列（行）を作ります。 <td>〜</td>で横列（ <tr>〜</tr> ）の中にセル（列）を作ります。セルはマス目のようなものです。文字や画像など、表示したいものはすべてこの <td> 〜 </td> の中に記述してください。
↓こちらは見えるバージョンです。 わかりやすくボーダー（枠線）をつけています。
■ボーダー ボーダーの設定です。 <table>タグの中に border="太さ" を記述します。
■幅・高さ 幅と高さの設定です。 <table>タグの中に width="幅" height="高さ" を記述します。 「高さ」は、普通に表を作る場合は必要ないかもしれません。その時は記述なしで。
セルの場合も同様に width="幅" height="高さ" を <td> タグの中に記述します。
※わかりやすくボーダー（枠線）をつけています。 ■余白 余白の設定です。 <table>タグの中に cellpadding="余白" を記述します。すべてのセルに指定した分の余白が空きます。
※わかりやすくボーダー（枠線）をつけています。 ■間隔 間隔の設定です。 <table>タグの中に cellspacing="間隔" を記述します。 間隔は、記述しなくてもある程度あきます。これはテーブルの仕様というか、ブラウザの解釈がそうなんですね。 間隔が必要ない場合、これを消すには cellspacing="0" と記述してください。
まとめ まとめて使ってみましょう！
このページのトップへ 行を増やす・減らす 行を増やすには、1行につき<tr><td> </td></tr>を1組づつ記述するだけでOK！セルのタグである <td> </td> は必ず必要です。1行あるということは、かならず1列（1マス)あるからです。
行を減らすには、1行につき <tr><td> </td></tr> を1組づつ削除するだけでOK！
このページのトップへ 列を増やす・減らす 列を増やすには、1行 <tr> </tr> の中に、1列につき<td> </td>を1組づつ記述するだけでOK！行のタグである <tr> </tr> は必ず必要です。行がなければ、列は存在しないからです。
列を減らすには、1列につき<td> </td>を1組づつ削除するだけでOK！
このページのトップへ 
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
