HTMLでのテーブルの使い方

HTML テーブルは、行と列で構成されるグリッドのような構造にデータを編成するためのツールです。テーブルを作成するには、

タグを使用する必要があります。 はテーブルのヘッダー、 はテーブルの本体を表します。 td> はそれぞれテーブルのヘッダーとテーブルの本体のセルを表します。表では境界線、間隔、幅を設定できます。

HTML テーブルの使用

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

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

HTML テーブルの作成方法

HTML でテーブルを作成するには、<table> タグを使用する必要があります: <pre class='brush:php;toolbar:false;'>&lt;table&gt; &lt;thead&gt; &lt;tr&gt;&lt;th&gt;列标题 1&lt;/th&gt;&lt;th&gt;列标题 2&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;单元格 1&lt;/td&gt;&lt;td&gt;单元格 2&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;单元格 3&lt;/td&gt;&lt;td&gt;单元格 4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;</pre><ul> <li><code><thead> と <code><tbody> は、それぞれテーブル ヘッダーとテーブル本体を表します。 <li><code><tr> は行を表します。 <li><code><th> はヘッダー セルを表します。 <li><code><td> はテーブル本体のセルを表します。 <p>#テーブルのプロパティ<strong></strong></p> <ul> <li>border:<strong> テーブルの境界線の太さを制御します。 </strong> </li> <li>cellspacing:<strong> セル間の垂直方向の間隔を設定します。 </strong> </li> <li>cellpadding:<strong> セル内の要素間の間隔とセルの境界線を設定します。 </strong> </li> <li>width:<strong> テーブルの幅を指定します。 </strong> </li> </ul> <p>ヘッダーとテーブル本体<strong></strong></p> <ul><li>ヘッダー (<thead>):<strong> テーブルのタイトルまたは列が含まれます。ラベル。 </strong><li>テーブル本体 (<tbody>):<strong> テーブル内の実際のデータが含まれます。 </strong><p>セルのプロパティ<strong></strong></p> <ul> <li>colspan:<strong> セルがまたがる列の数を指定します。 </strong> </li> <li>rowspan:<strong> セルがまたがる行数を指定します。 </strong> </li> <li>align:<strong> セル内のテキストの配置を指定します。 </strong> </li> </ul> <p>例<strong></strong></p>次は、境界線とパディングを備えた単純なテーブルです: <p><pre class='brush:php;toolbar:false;'>&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot;&gt; &lt;tr&gt;&lt;th&gt;姓名&lt;/th&gt;&lt;th&gt;年龄&lt;/th&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;张三&lt;/td&gt;&lt;td&gt;20&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;李四&lt;/td&gt;&lt;td&gt;25&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;</pre></p> </tbody> </li> </thead> </li></ul> </td>

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