HTMLでテーブルを作成する
HTMLの
| 属性 | 値 | 説明 |
|---|---|---|
| abbr | abbreviated_text | 非推奨 −セル内のコンテンツの短縮バージョンを指定します。 |
| align | 右 左 中心 正当化する char | 非推奨 −視覚的な配置 |
| bgcolor | rgb（x、x、x） #hexcode 色名 | 非推奨 −テーブルの背景色を指定します。 |
| border | ピクセル | 非推奨 −境界線の幅を指定します。 「0」の値は、境界線がないことを意味します。 |
| セルパディング | ピクセルまたは％ | 非推奨 −セルの境界線とその内容の間のスペースを指定します。 |
| セル間隔 | ピクセルまたは％ | 非推奨 −セル間のスペースを指定します。 |
| フレーム | void その上 下 hsides lhs rhs vsides 箱 国境 | 非推奨 − border属性と組み合わせて使用し、テーブルを囲む境界線を構成するフレームのどちら側を表示するかを指定します。 |
| ルール | なし グループ 行 cols すべて | 非推奨 − border属性と組み合わせて使用され、テーブルのセル間に表示されるルールを指定します。 |
| 概要 | テキスト | 非推奨 −コンテンツの概要を指定します。 |
| 幅 | ピクセルまたは％ | 非推奨 −テーブルの幅を指定します。 |
例
次のコードを実行して、HTMLでテーブルを作成してみてください-
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h3>Ranking</h3>
<table>
<th>Rank</th>
<tr>
<td>One</td>
</tr>
<tr>
<td>Two</td>
</tr>
</table>
</body>
</html> -
HTML<body>タグ
HTMLのタグは、画像や動画のテキストなど、すべてのコンテンツを含むWebページの本文を設定するために使用されます。 以下は属性です- 注：HTML5で非推奨となったalink、background、bgcolor、textなどのbodyタグのすべての属性- 属性 値 説明 alink rgb（x、x、x） #xxxxxx 色名 非推奨 −ドキュメント内のアクティブなリンクの色を指定します。 背景 URL 非推奨 −背景画像のファイルパスを指定します。 bgcolor rgb（x、x、x） #xxxxxx 色名
-
HTMLテーブル
HTMLテーブルは、タグを使用してテーブルを作成するために使用されます。テーブルでは、各行はタグを使用して指定され、テーブルヘッダーはタグを使用して定義されます。テーブルデータは、タグを使用して定義されます。 構文 以下は構文です- <table> <tr> <th>Table Header</th> <th>Table Header</th> </tr> <tr> <td>Table data</td> <td>Table data</td> &l