HTMLテーブル
HTML テーブル
テーブルは <table> タグによって定義されます。各テーブルには多数の行 (<tr> タグで定義) があり、各行は多数のセル (<td> タグで定義) に分割されます。文字 td はテーブル データ、つまりデータ セルの内容を指します。データ セルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。
ここに例があります:
<html> <head> <meta charset="utf-8"> <title>Table in html</title> </head> <body> <p>水平表头</p> <table border="1"> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>zdd</td> <td>30</td> <td>male</td> </tr> </table> <p>垂直表头</p> <table border="1"> <tr> <th>Name</th> <td>autumn</td> </tr> <tr> <th>Age</th> <td>30</td> </tr> <tr> <th>Gender</th> <td>famale</td> </tr> </table> </body> </html>
試してみてください
ボーダーレステーブル
テーブルを定義するときにボーダー属性が指定されていない場合、テーブルにはボーダーがありません
< ;テーブル< TD & LT; / TD & LT; ; 27 & LT;/TD & GT ;</tr>
</table>
空のセル セルにコンテンツが指定されていない場合、セルは空になります。国境はない
if 解決策は何ですか?この方法では、空白のセルにスペースを追加します。HTML は余分なスペースを無視するため、スペースを直接追加することはできませんが、非改行スペースを示すために を追加します。
<tr><td>zdd</td><td>30</td></tr> <tr><td> ; </td>20</tr>
</table>
タイトル付きの表
<caption>私のテーブル</caption> <tr><td>zdd</td><td>30</td> ;< ;/tr>
<tr><td> </td><td>20</td></tr>
</table>
行間または列間table
colspan を使用して行をまたぐ
<tr><th>名前</th><thcolspan="2">電話番号< /th>< 行範囲を使用して列をまたぐ <table border="1"> HTML テーブル ヘッダー テーブル ヘッダーは <th> タグを使用して定義されます。 ほとんどのブラウザでは、テーブル ヘッダーが太字で中央に配置されたテキストとして表示されます: <table border="1"> gt; ; ビル・ゲイツ gt;555 77 854
</テーブル>
<tr><th>名前</th><td>ビル・ゲイツ</td></tr>
<tr><th rowspan="2">電話</th><td>555 77 854</td></tr>
<tr><td>555 77 855</ td> ;</tr>
</table>
<tr>
<th>Header 1</th>
<th<Header 2行 1、セル 1 行 1、セル 2
< /tr>
<tr>
<td>行 2、セル 1</td>
<td>行 2、セル 2</td>
</tr>
</table>
