HTMLのテーブルタグ

データの表示には、テーブルのレイアウトとデータの表示がより使用されます。
テーブルの基本的な構文:

<p>表格的几个部分 table表格、thead表头、tbody主体、tfoot表尾 </p>
!--表格-->
<table align="center" border="1" cellpadding="50" cellspacing="0" width="600px" >
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
    </tfoot>
</table>

効果図:
ここに画像の説明を挿入
テーブルラベルはテーブルラベルとして定義され、trラベルはテーブルの行として定義され、thおよびtdはテーブルの列ですが、thラベルはtdラベルと比較してテーブルヘッダーラベルに属し、thラベルの内容ははるかに多くなります太字の中央
揃えスタイル。テーブルのヘッドを定義するためにtheadタグが使用されます。通常、最初の行に使用される内部にtrタグが必要です
。tbodyタグは、主にデータボディを配置するために使用されるテーブルのボディを定義するために使用されます。ボディの
観点から
テーブルの最後にあるtbody タグとtfoot タグの内容には大きな違いはありません。通常、tfootタグは省略され、末尾の内容はtbodyタグに直接書き込まれ、ad タグとtfootタグはtableタグに配置されます。

テーブルのプロパティ:

の属性 説明文
揃える 配置(左、中央、右)
テーブルの幅(ピクセル値またはパーセンテージ)
高さ テーブルの高さ(ピクセル値またはパーセント)
境界 テーブルのボーダー、デフォルトは ""、ボーダーなし
セルパディング セルの内容とセルの境界線の間の距離、デフォルトは1
セルスペース セルとセルの間の距離。デフォルトは2です。
bgcolor テーブルの背景色
ボーダの色 テーブルのボーダー色
元の13件の記事を公開 いいね2 訪問数325

おすすめ

転載: blog.csdn.net/weixin_46410264/article/details/104597789