HTMLでテーブルを作る方法

HTML で表を作成する方法: 最初に新しい HTML を作成し、「」の中央に表の内容を入力します。次に、「」の中央にスタイル シートのスタイルを入力します。最後に幅を設定します。セルの高さとその他のスタイル。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

htmlフォームの作成手順は次のとおりです。次のように:

1. まず新しい HTML を作成し、

の中央をクリックして、最初にフォームのコンテンツを入力します。

#2. 内容 必要に応じて記述するだけです サンプルコードは次のとおりです:

<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>

3. 次にスタイルシートのスタイルを入力します。 ;

4 の中央。個人のニーズに応じてスタイルを設定することもできます。セルの幅と高さを設定し、結合します。サンプルコードは次のとおりです:

<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}     
</style>

5. ここで、このコード「テーブル」の意味はマージであることに注意してください。テーブルの境界線を 1 つの境界線にまとめ、隣接する境界線を結合します。

#6. プレビュー結果は以下のようになり、簡単なテーブルが作成されます。

推奨学習: 「HTML ビデオ チュートリアル

」「

css ビデオ チュートリアル 」

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