HTML では、テーブルは <table> タグによって定義されます。各テーブルには複数の行 (<tr> タグで定義) があり、各行は複数のセル (<td> タグで定義) に分割されます。文字 td はテーブル データ、つまりデータ セルの内容を指します。
1. フォームの基本的な内容
データ セルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。
HTML テーブルタグ:
まず簡単な例を示します。
<h4>1 列:</h4><tableborder=1><tr><td>100</td></tr></table><h4>1 行 3 列:</h4><tableborder= 1>< tr><td>100</td><td>200</td><td>300</td></tr></table><h4>2 行 3 列:</h4> <tableborder=1 ><tr><td>100</td><td>200</td><td>300</td></tr><tr><td>400</td><td> 500</td ><td>600</td></tr></table>
提示された最終結果は次のとおりです。
2. セルを結合する方法
1. 列全体を結合する
<tdcolspan=2></td> のようなキーワード Colspan は、この列とこの列の次の列をマージすることを意味します。
例 1:
<tableborder=1><tr><th>ヘッダー 1</th><th>ヘッダー 1</th><th>ヘッダー 1</th></tr><tr><td>テキスト 11 </td ><tdcolspan=2>テキスト 12</td></tr><tr><td>テキスト 21</td><td>テキスト 22</td><td>テキスト 23</td></tr> <tr><td>テキスト 31</td><td>テキスト 32</td><td>テキスト 33</td></tr></table>
提示された結果は次のとおりです。
例 2:
上記の例のコード <tdcolspan=2>Text 12</td> を <td>Text 12</td> に変更すると、
<tableborder=1><tr><th>ヘッダー 1</th><th>ヘッダー 1</th><th>ヘッダー 1</th></tr><tr><td>テキスト 11 </td ><td>テキスト 12</td></tr><tr><td>テキスト 21</td><td>テキスト 22</td><td>テキスト 23</td></tr ><tr ><td>テキスト 31</td><td>テキスト 32</td><td>テキスト 33</td></tr></table>
提示された結果は次のとおりです。
例 3:
例 1 のコード <td>Text 11</td><tdcolspan=2>Text 12</td> が <tdcolspan=3>Text 11</td> に変更された場合
<tableborder=1><tr><th>ヘッダー 1</th><th>ヘッダー 1</th><th>ヘッダー 1</th></tr><tr><tdcolspan=3> テキスト 11< /td></tr><tr><td>テキスト 21</td><td>テキスト 22</td><td>テキスト 23</td></tr><tr><td>テキスト 31< /td><td>テキスト 32</td><td>テキスト 33</td></tr></table>
提示された結果は次のとおりです。
2. 銀行間合併
<tdrowspan=2></td> のようなキーワード rowspan は、この行とこの行の次の行を結合することを意味します。この方法は列間の結合に似ているため、簡単な例を示します。
<tableborder=1><tr><th>ヘッダー 1</th><th>ヘッダー 1</th><th>ヘッダー 1</th></tr><tr><tdrowspan=2> テキスト 11< /td><td>テキスト 12</td><td>テキスト 13</td></tr><tr><td>テキスト 22</td><td>テキスト 23</td>< /tr> <tr><td>テキスト 31</td><td>テキスト 32</td><td>テキスト 33</td></tr></table>
提示された結果は次のとおりです。
要約:
(1) 例 1 と例 2 を比較すると、テーブルのマージ キーワード (colspan または rowspan) が追加された場合にのみテーブルがマージされます。
(2) 例 1 と例 3 を比較すると、キーワードの後の数字はマージするテーブルの数を示していると結論付けることができます。
(3) 結合後のセル位置の決定:
たとえば、テキスト 11、テキスト 12、およびテキスト 13 の 3 つの列が結合された場合、結合後のセルはテキスト 11 としてカウントされます。
たとえば、テキスト 12 とテキスト 13 が結合された場合、結合後のセルはテキスト 12 としてカウントされます。