データの表示には、テーブルのレイアウトとデータの表示がより使用されます。
テーブルの基本的な構文:
<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 | テーブルの背景色 |
ボーダの色 | テーブルのボーダー色 |