HTML 2x2 テーブル作成ツール

セルの内容を編集して、HTMLコードを自動生成します。

プレビュー & 編集

↑ セルをクリックして文字を入力してください

HTML コード

<table border="1">
  <tr>
    <td>{{ grid[0][0] }}</td>
    <td>{{ grid[0][1] }}</td>
  </tr>
  <tr>
    <td>{{ grid[1][0] }}</td>
    <td>{{ grid[1][1] }}</td>
  </tr>
</table>

構造の解説

<table>: 表全体を囲むタグです。
<tr> (Table Row): 表の「行」を定義します。2×2なので2つあります。
<td> (Table Data): 表の「セル（データ）」を定義します。各行に2つずつあります。