タグの概要を紹介します (コード付き)。必要な方は参考にしていただければ幸いです。 テーブル
テーブルは f5d188ed2c074f8b944552db028f98a1 タグで定義されます。
各テーブルには複数の行 (a34de1251f0d9fe1e645927f19a896e8 タグで定義) があり、各行は複数のセル (b6c5a531a458a2e790c1fd6421739d1c タグで定義) に分割されています。
文字 td はテーブル データ、つまりデータ セルの内容を指します。
データ セルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。
たとえば、次の表を描画するには:
分析: 1. 行を分析します。各行は tr ラベルです
2. 最初の行から開始し、各行にセルがいくつあるかを確認します。 Grid はほんの数個の td タグです
3. 占有スペースが 1 行 1 列の場合、行数を省略して直接 b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf を使用します。
上の画像のコードは次のとおりです
<body>
<table width="400" height="400" border="2">
<!-- 第1行 -->
<tr>
<td colspan="4" bgcolor="aqua"></td>
</tr>
<!-- 第2行 -->
<tr>
<td rowspan="4" bgcolor="antiquewhite"></td>
<td colspan="3" bgcolor="antiquewhite"></td>
</tr>
<!-- 第3行 -->
<tr>
<td rowspan="3" bgcolor="aquamarine"></td>
<td colspan="2" bgcolor="aquamarine"></td>
</tr>
<!-- 第4行 -->
<tr>
<td rowspan="2" bgcolor="bisque"></td>
<td bgcolor="bisque"></td>
</tr>
<!-- 第5行 -->
<tr>
<td></td>
</tr>
</table>
</body>関連記事の推奨事項:
htmlにラベルオプションを指定してラベルを追加します(コード付き)
エラスティックレイアウトとは何ですか?柔軟なレイアウト flex の基本的なアプリケーション (コード付き)
