HTMLでのテーブルの使い方

HTML テーブルは、行と列で構成されるグリッドのような構造にデータを編成するためのツールです。テーブルを作成するには、<table> タグを使用する必要があります。<thead> はテーブルのヘッダー、<tr> はテーブルの本体を表します。 td> はそれぞれテーブルのヘッダーとテーブルの本体のセルを表します。表では境界線、間隔、幅を設定できます。

HTML テーブルの使用

HTML テーブルとは何ですか?

HTML テーブルはデータをグリッド状の構造に編成するために使用され、各セルはセルと呼ばれます。テーブルは行と列で構成され、行は水平、列は垂直になります。

HTML テーブルの作成方法

HTML でテーブルを作成するには、<table> タグを使用する必要があります:

<code class="html"><table>
  <thead>
    <tr><th>列标题 1</th><th>列标题 2</th></tr>
  </thead>
  <tbody>
    <tr><td>单元格 1</td><td>单元格 2</td></tr>
    <tr><td>单元格 3</td><td>单元格 4</td></tr>
  </tbody>
</table></code>

• <thead> と <tbody> は、それぞれテーブル ヘッダーとテーブル本体を表します。
• <tr> は行を表します。
• <th> はヘッダー セルを表します。
• <td> はテーブル本体のセルを表します。

#テーブルのプロパティ

• border: テーブルの境界線の太さを制御します。
• cellspacing: セル間の垂直方向の間隔を設定します。
• cellpadding: セル内の要素間の間隔とセルの境界線を設定します。
• width: テーブルの幅を指定します。

ヘッダーとテーブル本体

• ヘッダー (<thead>): テーブルのタイトルまたは列が含まれます。ラベル。
• テーブル本体 (<tbody>): テーブル内の実際のデータが含まれます。

セルのプロパティ

• colspan: セルがまたがる列の数を指定します。
• rowspan: セルがまたがる行数を指定します。
• align: セル内のテキストの配置を指定します。

例

次は、境界線とパディングを備えた単純なテーブルです:

<code class="html"><table border="1" cellpadding="5">
  <tr><th>姓名</th><th>年龄</th></tr>
  <tr><td>张三</td><td>20</td></tr>
  <tr><td>李四</td><td>25</td></tr>
</table></code>

以上がHTMLでのテーブルの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。