HTMLテーブル

HTML テーブル

テーブルは <table> タグで定義されます。各テーブルには多数の行 (<tr> タグで定義) があり、各行は多数のセル (<td> タグで定義) に分割されます。文字 td はテーブルデータ、つまりデータセルの内容を指します。データセルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。

テーブルの例

<table border="1">
 <tr>
 <td>row 1, cell 1</td>
 <td>row 1, cell 2</td>
 </tr>
 <tr>
 <td>row 2, cell 1</td>
 <td>row 2, cell 2</td>
 </tr>
 </table>

HTML テーブルと境界線の属性

境界線属性が定義されていない場合、テーブルには境界線が表示されません。これは便利な場合もありますが、ほとんどの場合は境界線を表示したいと考えます。

ボーダー付きのテーブルを表示するには、border 属性を使用します。

<table border="1">
 <tr>
 <td>Row 1, cell 1</td>
 <td>Row 1, cell 2</td>
 </tr>
 </table>

HTML テーブルヘッダー

テーブルヘッダーは、<th> タグを使用して定義されます。 olfightブラウザは、テーブルヘッダーを大胆で表示しますフォーム

& lt; テーブルユニットを定義

& lt; グループの属性を定義します

& lt; ＆lt; tbod＆gt;次のセクション

新しいファイル

<html>
<head>
<table border="1">
 <tr>
 <th>Header 1</th>
 <th>Header 2</th>
 </tr>
 <tr>
 <td>row 1, cell 1</td>
 <td>row 1, cell 2</td>
 </tr>
 <tr>
 <td>row 2, cell 1</td>
 <td>row 2, cell 2</td>
 </tr>
 </table>
 </head>
 </html>
举个例子：
<html>
<head>
<meta charset="utf-8">
 <title>无标题页</title>
 <style type="text/css">
 .tb
 {
 border-width:1px;
 border-collapse:collapse;
 border-color:black;
 border-style:solid;
 }
 td
 {
 border-width:1px;
 border-collapse:collapse;
 border-color:black;
 border-style:solid;
 }
 </style>
</head>
<body>
 <div>
 <table width="600" height="400" border="1">
 <tr>
 <td colspan="3"></td>
 </tr>
 <tr>
 <td rowspan="3"></td>
 <td> </td>
 <td> </td>
 </tr>
 <tr>
 <td> </td>
 <td> </td>
 </tr>
 <tr>
 <td> </td>
 <td> </td>
 </tr>
 </table>
 </div>
</body>
</html>

提出するリセットコード

自動運転

全画面表示