HTML テーブルの設定は Web デザインの非常に重要な部分です。テーブルは、データの表示、コンテンツの書式設定、ページのレイアウトに使用できます。 HTML では、表は
要素で終わります。この記事では、テーブル構造、テーブル スタイル、テーブルの特殊効果など、HTML テーブルの設定について説明します。
テーブル構造
HTML テーブルは通常、
、、 の 3 つの主要タグで構成されます。 タグはテーブルを定義し、 タグは行を定義し、 タグはセルを定義します。以下は、基本的な HTML テーブル構造です。
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table> ログイン後にコピー このテーブルには 2 行と 3 列が含まれています。各セルにはコンテンツが含まれています。セルを追加する場合は、各行に同じ数のセルが含まれている必要があります。
表のスタイル
Web ページをデザインするとき、スタイルは非常に重要です。 CSS スタイル シートを使用して、HTML テーブルの外観を制御できます。テーブルのスタイルを設定するにはいくつかの方法があります。
1 つの方法は、インライン スタイルを使用することです。インライン スタイルは、単一要素のスタイルを定義します。例:
<table style="border-collapse: collapse;"> ログイン後にコピー 上記のコードは境界線の重なりを設定しますが、各列と行の間に間隔を設定することもできます。
もう 1 つの方法は、CSS ルールを HTML ドキュメントの先頭部分に配置し、 | |
