HTMLでテーブルを作成する方法

htmlテーブルの作成方法: まず、「

」タグを使用してテーブルのフレームを定義し、次に 1 つ以上の「」タグを使用してテーブル内の行を定義し、さらに 1 つの「」タグを使用します。または複数の「< ;td>」タグでセルを定義し、最後に td タグのペアに表データ (セルの内容) を入力します。データにはテキスト、画像、その他の情報を使用できます。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

テーブルは

タグによって定義されます。

各テーブルには複数の行 (

タグで定義) があり、各行は複数のセル (

タグで定義) に分割されています。

文字 td はテーブル データ、つまりデータ セルの内容を指します。データ セルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。

border 属性は、境界線があるかどうかを指定します。border 属性が記述されていないか、値が 0 の場合、作成されるテーブルには境界線がありません。割り当てのサイズによって境界線の太さが決まります。

th 属性はヘッダーを設定します。ヘッダーを特別に設定しない場合、表示されるヘッダーはコンテンツと同じ形式になります。

以下は、コード例を使用した段階的な紹介です:

1. 境界線のない 2 つの単純なテーブルを作成します

<h5 id="第一个表格">第一个表格</h5>
 
<table border="0"> <!------------把border赋值为0，这个表格没有边框-->
<tr>
<th>name</th>    <!-------------------利用 <th>将这个值设置为表头-->
<th>sex</th>     <!-------------------利用 <th>将这个值设置为表头-->
</tr>
<!-----------------------------------这是第一行-->
 <tr>
<td>张三</td>
<td>女</td>
</tr>
 </table>
<!----------------------------------这是第二行-->

<h5 id="第二个表格">第二个表格</h5>   
<table>           <!------------不写border这个属性，这个表格也没有边框-->
<tr>
<th>name</th>     <!-------------------利用 <th>将这个值设置为表头-->
<th>sex</th>     <!-------------------利用 <th>将这个值设置为表头-->
</tr>
<!-----------------------------------上面这是第一行<tr>-->
<tr> 
<td>张三</td>
<td>女</td>
</tr> 
 <!------------------------------第二行-->
</table>

効果:

2. 境界線付きの表を作成します (境界線の割り当てによって境界線の太さが決まります)

表のタイトルを設定するには、

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