☆表（TABLE）を作る（１）
◎ 表（TABLE）は本文中に普通に表として使ったり、本文のレイアウトのバランスを取るときなどによく使います。
◎
テーブルの基本タグの説明
（この説明も表にしています）
<TABLE>〜 </TABLE>
テーブルの開始と終了
〜で囲まれた所が表の内容です
<TR>〜 </TR>
行の開始と終了
〜で囲まれた所が1行分の内容です
<TH>〜 </TH>
列（見出し）の開始と終了
〜で囲まれた所が行内の列見出しになります
（自動的に太文字になります）
<TD>〜 </TD>
列（データ）の開始と終了
〜で囲まれた所が行内の列データです
（通常の文字になります）
◎
テーブルの考え方とタグの記述方法
（「表」を一度にあらわさずに1行ずつ上から順番に、セルも左から順番に指定してあらわします）
１：
開始宣言
＜TABLE＞の後、
行
＜TR＞を書きます。
２：行は
＜TR＞ 〜 ＜/TR＞
までが1行になり、1行目から順番に記述していきます。
３：行の
＜TR＞ 〜 ＜/TR＞
の間には
セル（マス）の内容
を記述します。
＝
列
に相当します。
４：
列
には
＜TD＞ 〜 ＜/TD＞
かあるいは
＜TH＞ 〜 ＜/TH＞
を記述します。
５：＜TD＞ 〜 ＜/TD＞かあるいは＜TH＞ 〜 ＜/TH＞の
「 〜 」部分に書かれた内容が表のセルとして表示されます。
６：表の行数分だけ「２： ３： ４： ５：」を繰り返します。
７：
終了宣言
＜/TABLE＞をして表のタグ記述を終わります
※ 表にしてまとめています。
<TABLE>
<TR>
(1行目)→
<TD>
1行目1列目
</TD>
<TD>
1行目2列目
</TD>
<TD>
1行目3列目
</TD>
<TD>
2行目1列目
</TD>
<TD>
2行目2列目
</TD>
<TD>
2行目3列目
</TD>
<TD>
3行目1列目
</TD>
<TD>
3行目2列目
</TD>
<TD>
3行目3列目
</TD>
</TR>
<TR>
(2行目)→
</TR>
<TR>
(3行目)→
</TR>
</TABLE>
※ 実際のタグの記入例
上の表の上から順番に1行ずつ記述していきます。
<TABLE>
<TR>
<TD>1行目1列目</TD>
<TD>1行目2列目</TD>
<TD>1行目3列目</TD>
</TR>
<TR>
<TD>2行目1列目</TD>
<TD>2行目2列目</TD>
<TD>2行目3列目</TD>
</TR>
<TR>
<TD>3行目1列目</TD>
<TD>3行目2列目</TD>
<TD>3行目3列目</TD>
</TR>
</TABLE>
◎
サンプル雛形のソース
→
テーブルサンプル（１）へ
（上の例をそのまま表にします）
<HTML>
<HEAD>
<TITLE>テーブルサンプル（１）</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1">
<TR>
<TD>1行目1列目</TD>
<TD>1行目2列目</TD>
<TD>1行目3列目</TD>
</TR>
<TR>
<TD>2行目1列目</TD>
<TD>2行目2列目</TD>
<TD>2行目3列目</TD>
</TR>
<TR>
<TD>3行目1列目</TD>
<TD>3行目2列目</TD>
<TD>3行目3列目</TD>
</TR>
</TABLE>
</BODY>
</HTML>
※ 参考：
サンプルソースの
＜BORDER＝"ｎ"＞
はテーブルの属性で、表の枠線の太さを指定しています。
テーブルの属性は次の
「テーブルの作り方（２）」
で詳しく説明します。
利用方法の説明ページへ