<table>, <tr>

要素の説明

<table>は、表を構成するときに使う要素です。<table>〜</table>中に、<tr>〜</tr>を入れ、さらに中に<td>〜</td>を入れて使います。

指定できる属性

id
ページ内に1つ、特別な役割を与える時に指定します。
class
ページ内に複数、特別な役割を与える時に指定します。
border
<table border="1">(数字は線の太さ)と指定すると罫線を引くことができます。これはCSSでも適用可能です。

中に入れられる要素

<table>には、<tr>, <caption>などを入れることができます。

<tr>には、<td>, <th>のみ入れることができます。

サンプル

サンプルページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>サンプルページ</title>
</head>

<body>
 <div id="header">
  <h1>サンプルページ</h1>
  <p>このページはサンプルを表しています。</p>
 </div>
 <h2>コンテンツ</h2>
 <table border="1">
  <tr><td>表サンプル1</td><td>表サンプル2</td><td>表サンプル3</td><td>表サンプル4</td></tr>
  <tr><td>表サンプル5</td><td>表サンプル6</td><td>表サンプル7</td><td>表サンプル8</td></tr>
 </table>
</body>

</html>