HTMLスキャフォールド

table や ul、form、HTML5 の雛形など、手で書くと面倒なタグの骨組みを生成します。

種類インデントダミー文言を入れる

行列見出し行（thead）1列目を th にcaption

生成結果

26行 / 419文字

<table>
  <thead>
    <tr>
      <th scope="col">見出し1</th>
      <th scope="col">見出し2</th>
      <th scope="col">見出し3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>セル1-1</td>
      <td>セル1-2</td>
      <td>セル1-3</td>
    </tr>
    <tr>
      <td>セル2-1</td>
      <td>セル2-2</td>
      <td>セル2-3</td>
    </tr>
    <tr>
      <td>セル3-1</td>
      <td>セル3-2</td>
      <td>セル3-3</td>
    </tr>
  </tbody>
</table>

使い方とメモ

設定を変えるとすぐに結果が変わります。右上の「コピー」で貼り付けてください。
ダミー文言（セル1-2、項目1 など）は置き換える前提のものです。自分で埋めるなら「ダミー文言を入れる」を外すと空のタグだけ出ます。
table の見出し行には scope="col"、1列目の th には scope="row" を付けています。スクリーンリーダーが行と列の関係を読めるようにするためです。
form の input と label は for と id で結んであります。name は id と同じにしているので、送信先に合わせて書き換えてください。