ホームページ制作/SOHO/福岡
Eメール tk-1980@mx4.et.tiki.ne.jp
メニュー
トップページ
HTMLの基本
HTMLとは
書き方の基本
ファイル名について
よく使うタグ
テーブルでレイアウト
基本
特殊なテーブル
ホームページ作成
スタイルシート
スタイルシートとは
背景
小技集
よく使うHTMLタグ
 これだけで十分!!
タグ一覧

表(テーブル)の基本

<teble> テーブル(表)を作ります。

<table>タグは、これ一つでは効力をはっきしません。
<table>テーブル</table>としても何も表示されません。
<tr>と<td>この二つのタグを合わせて使用していきます。

<table border>
<tr><td>セル 1</td></tr>
<tr><td>セル 2</td></tr>
</table>

セル 1
セル 2


<tr>は行を作ります。<tr>を一つ増やすと行が一つ増えます。

<table border>
<tr><td>セル 1</td></tr>
<tr><td>セル 2</td></tr>
<tr><td>セル 3</td></tr>
</table>

セル 1
セル 2
セル 3


<td>は列を作ります。<td>を一つ増やすと列が一つ増えます。

<table border>
 <tr><td>セル 1</td><td>セル 1−2</td></tr>
<tr><td>セル 2</td><td>セル 2−2</td></tr>
<tr><td>セル 3</td><td>セル 3−2</td></tr>
</table>

セル 1セル 1−2
セル 2セル 2−2
セル 3セル 3−2


<td>と</td>で囲まれた部分が一つのセルといいます。
※<tr>と</tr>の間の<td></td>は基本的に同じ数です。


こういうふうには出来ないので注意してください

悪い例×

<table border>
<tr><td>セル 1</td><td>セル 1−2</td></tr>
<tr><td>セル 2</td>
<tr><td>セル 3</td><td>セル 3−1</td><td>セル</td></tr>
</table>


分かりやすくするとテーブルはこうなっています。

<tr>
<td></td><td></td><td></td>
<td></td><td></td><td></td>
<td></td><td></td><td></td>
</tr>
<tr>
</tr>
<tr>
</tr>


borderをborder="2" というふうに数値を指定れば、枠の太さを帰られます。

<table border="2">
<tr><td>1-1</td><td>1-2</td></tr>
<tr><td>2-1</td><td>2-2</td></tr>
<tr><td>3-1</td><td>3-1</td></tr>
</table>

 
1-11-2
2-12-2
3-13-1


<table border="5">
<tr><td>1-1</td><td>1-2</td></tr>
<tr><td>2-1</td><td>2-2</td></tr>
<tr><td>3-1</td><td>3-1</td></tr>
</table>

 
1-11-2
2-12-2
3-13-1


これでテーブルの基本の説明は終わり


次へ
メニューへ


△△ページトップへ△△
[HP制作][HP講座][日記][サイトマップ][掲示板]
ホームページ制作代行サービス 流文-nagarefumi-
Eメール tk-1980@mx4.et.tiki.ne.jp