HTMLでのテーブルの使い方

下次还敢
リリース: 2024-04-27 20:54:38
オリジナル
508 人が閲覧しました

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

HTMLでのテーブルの使い方

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

関連ラベル:
lsp
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート