Table Tag Builder by STUDIO NNC

HTMLの表組をノーコードで作成

Editor

表を作る
  1. 1行・列を増やして表の形を作る
  2. 2セルを選んで「見出し」や「結合」
  3. 3ダブルクリックで文字を入力
行・列
セルの種類
結合
操作
見出し(th) 通常(td)
入力オプション ADVANCEDまとめて入力・HTMLから読み込み・class の付与開く閉じる

まとめて入力

たくさんのセルに一度に文字を入れる機能です。

  1. Excel・Numbers・Google スプレッドシートなどで表の範囲を選んでコピーする
  2. 下の欄に貼り付ける(手で打つ場合は、セルを「,」で区切り、行ごとに改行)
  3. 「流し込む」を押すと、表で選択中のセル A1 を左上にして入力される

区切り方は自動で判定します。「1,980円」のように数字にカンマを含む値は、表計算ソフトからコピーして貼り付けてください。足りない行・列は自動で増えます。

HTMLから読み込み

既存の <table>〜</table> を貼り付けると、結合・見出し・class を含めて編集画面に読み込みます。今の表は置き換わります。

セルに class を付ける

選択中のセル(A1)に class を付けます。スペース区切りで複数指定できます。

Code

コピーしてそのまま HTML に貼り付けできます

    
    
    
このツールをシェアする

更新履歴

© copyright STUDIO NNC All Rights Reserved.