【HTML】表を作成する

tableタグ、trタグ、thタグ、tdタグを使用して作成する。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>【HTML】表を作成する</title>
  </head>
  <body>
    <h1>半加算器の真理値表</h1>
    <table border="1" width="100" cellspacing="0">
      <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
        <th>S</th>
      </tr>
      <tr align="center">
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
      </tr>
      <tr align="center">
        <td>0</td>
        <td>1</td>
        <td>0</td>
        <td>1</td>
      </tr>
      <tr align="center">
        <td>1</td>
        <td>0</td>
        <td>0</td>
        <td>1</td>
      </tr>
      <tr align="center">
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>0</td>
      </tr>
    </table>
  </body>
</html>

この場合、黒い枠線に囲まれた表が表示される。

サンプルページ

タイトルとURLをコピーしました