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;

学び続ける

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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
 {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX