タブ/改行区切りのデータ(Excel または TSV)、またはカンマ区切り(引用符付き CSV 対応)を貼り付けてください。
セル5 × 5
行/列の端の小さな × をクリックすると削除できます
セルに入力するか「生成」を押すと HTML が作成されます。
ヒント:セルの内容は既定で HTML エスケープされるため、<script> 風の入力は生成されるコードやプレビューを壊せません。意図的にマークアップを注入したいときだけ「セルの HTML をエスケープ」のチェックを外してください。Excel の行は TSV として貼り付けてください(「データをインポート…」ボタンはタブかカンマを自動判定します)。グリッドは最大 100 行 × 30 列に対応し、プレビューの iframe はサンドボックス化されています(スクリプトなし)。
意味を持つテーブル
<th scope="col"> と scope="row" は、各ヘッダーが何を記述するのかをスクリーンリーダーに伝え、<caption> がテーブル全体に名前を付けます。colspan と rowspan は本当に結合されたデータのためにセルを結合しますが、視覚レイアウトに使うとパーサーを混乱させます。
データの関係にはテーブルを、レイアウトには CSS grid か flexbox を使いましょう — レイアウト用テーブルはアクセシビリティとレスポンシブ性の両方を損ないます。