Table Tag Generator

HTMLの表を簡単に作成。複雑な表の結合も文字の入力も簡単に出来ます。

セルをドラッグして選択することができます

文字を入力してください

クラス名を入力してください

× It is not possible to merge <td> and <th>.

× 結合したセルを再結合することはできません。一度、分割してください。

× 数字を入力してください

× 自然数(1,2,3...)を入力してください

× 操作対象となるセルをドラッグして選択してください

HTML

CSS (即、適用されます。)

使い方

  1. 1. まず表の大きさ(行と列)を決めてください。数字をキーボードで入力するか、スピナーをクリックするか、マウスホイールを回してください。
  2. 2. td タグの代わりに th タグを使いたい場合(またはその逆)は、変換したいセルをドラッグして選択し、「td ↔ th」 ボタンをクリックしてください。
  3. 3. セルを結合する場合は、結合するセルをドラッグして選択し、「結合」ボタンをクリックしてください。結合したセルは「分割」ボタンで元に戻すことができます。rowspanやcolspanで悩む必要はありません。
  4. 4. 文字を入力する場合は、「文字」 ボタンをクリックして、入力モードにし、直接表に入力することができます。入力が終わったら、「出力」ボタンをクリックしてください。
  5. 5. CSS を適用するために、セルに class を設定することができます。
  6. 6. すべての操作は、undo ボタンで元に戻すことができます。
  7. 7. 表が完成したら、サイトにコピペしてください。