HTMLテーブル

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>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜