🔲 HTMLテーブル生成

NameAgeCity
Alice30Tokyo
Bob25Osaka

スプレッドシートからコピーしたタブ区切りのデータや、カンマ区切りのデータから、HTMLのtableタグを自動生成するツールです。プレビュー表示で見た目も確認できます。

使い方

  1. テーブルにしたいデータを、1行に1レコードずつ入力します(セルはカンマまたはタブで区切ります)。
  2. 必要に応じて「1行目を見出し行にする」を切り替えます。
  3. 生成されたHTMLコードを「コピー」ボタンでコピーします。

よくある質問

Excelやスプレッドシートからそのまま貼り付けられますか?

はい。スプレッドシートからコピーしたセル範囲はタブ区切りになっているため、そのまま入力欄に貼り付けるだけで自動的に認識されます。

セルの中にカンマを含むデータは正しく扱えますか?

カンマ区切りの入力の場合、セル内のカンマは列の区切りとして解釈されてしまいます。カンマを含むデータはタブ区切り(スプレッドシートからのコピー)でご利用ください。

生成されたHTMLにCSSクラスは付与されますか?

いいえ。生成されるのはシンプルな<table><thead><tbody>構造のみで、クラス名やスタイルは付与されません。必要に応じて手動で追加してください。