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 サイトの他の関連記事を参照してください。