使い方

左側のテキストエリアにパイプ（|）区切りのテーブルを入力し、「変換 »」ボタンをクリックすると、右側にHTMLの <table> タグに変換されたコードが表示されます。

📝 基本の書き方

| 見出し1 | 見出し2 | 見出し3 |
|---------|---------|---------|
| データ1 | データ2 | データ3 |

セパレーター行（|------|------|）があると、その上の行が <thead> に、下の行が <tbody> に分割されます。セパレーターがなければ全行が <tbody> に入ります。

🔗 セルの結合

セルの内容に記号を書くことで、隣接するセルを結合（colspan / rowspan）できます。

横結合（左方向） — セルに < と書くと左のセルに吸収されます。

| セクション見出し | <  | <  |  →  colspan="3"

横結合（右方向） — セルに > と書くと右のセルに吸収されます。

| >  | >  | セクション見出し |  →  colspan="3"

縦結合 — セルに ^ と書くと上のセルに吸収されます。

| カカトゴム取替 | 小 | 1,650円 |
| ^              | 中 | 2,200円 |  →  rowspan="3"
| ^              | 大 | 2,750円 |

⚙️ その他のオプション

先頭セルを <th> に変換：各行の最初のセルを自動で <th> タグに変換

<img> を <picture> で囲む：画像タグをpictureタグで包む

クラス属性追加：table、div等のタグに任意のクラスを自動付与

タグ変換：指定のHTMLタグを別のタグに一括変換