WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： かじかじ
カテゴリー： マークアップ >CSS

HTMLのテーブル（表）の作成を、もっと簡単にできたらと思うことはありませんか？
今回は、行や列の数、結合などを入力するだけで簡単にテーブル（表）が作成できるTable Tag Generatorをご紹介します！

Table Tag Generatorの使い方

サイトにアクセス

まずはサイトにアクセスします。
https://tabletag.net/ja/

行数と列数の入力

入力をすると、下にプレビューが表示されます。

セルの結合

結合したいセルがあれば、対象のセルを選択し、結合ボタンを押すだけで、結合されます。

テキストの入力

文字ボタンを押し、テキストを入力後、出力ボタンを押します。

すると、このように文字が入力されました。

コードのコピー

あとは出てきたコードをコピペするだけです。
コードはサイト上で編集したり、クラスの追加をしたりすることもできます。

まとめ

今回は簡単にテーブルを作成できるTable Tag Generatorをご紹介しました。
サイトには使い方も載っているので、そちらも参考にしてみてください。
とても簡単に作成できるので、ぜひ使ってみてください！