HTMLテーブル構造ジェネレーター。無料でHTMLテーブル構造を作成。HTMLビルダーを使わない便利アイテム。ウェブ屋さんの強い味方。

HTMLテーブル構造ジェネレーター

使い方はとってもシンプル。クリックするだけ。複雑なテーブル構造のHTMLタグを簡単に作成できます。
完全無料、フリーです。HTMLビルダーから卒業したウェブ屋さんの便利アイテム。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
HTMLタグ

プレビュー

ホームページビルダーやGoLiveやドリームウィーバーを卒業して(または見切りをつけて)テキストエディタでHTML、CSS、PHP、JavaScriptを書いている方が対象となります。
これらHTMLエディタが悪いわけではなく、それぞれの利点は多数あるのですが、経験上テキストエディタに勝る速度でコードを書けるツールは有りません。
もちろん、長年培ってきた自分のライブラリを持ち、タグや各プログラム言語のリファレンスの多くを暗記している場合に限ります。
昨今のウェブサイトは半分以上がPHPやJavaScriptなどのプログラムコードに占めますし、プログラマーならより綺麗に、エレガントに書きたいと願うところでしょう。

そんなあなたはtableタグ内のcolspan属性やrowspan属性の記述も頭でイメージしながらすいすい書けてしまう事と思いますが、時には複雑構造のtableを書かなければならない事も有るでしょう。
このサイトはどんなに複雑なテーブル構造も簡単に作成出来て、すぐにHTMLコードが得られます。
後はいつも通りCSS記述やテキスト等の挿入で完成です。そんなプロのウェブ屋さんに最適なアイテムではないかと思います。
必要に応じて <thead> <tbody> <tfoot> も追記してください。
言うまでもないですが、height,width,cellspacing,cellpadding,bordercolor属性等はCSS内に記述する事を前提としています。

ブログ内にテーブルタグを入れたい場合にも重宝するでしょう。多くのブログにはテーブルタグを記述するエディタ機能は備わっていません。でもタグは認識するのでブログのお供にも最適です。

使い方:
上端と左端のプラスボタンで列や行を増やします。マイナスボタンで減らします。
表の中のプラスボタンとマイナスボタンでセルの連結を操作します。セル中央のthボタンは<th>と<td>の切り替えです。
右側に生成されたHTMLタグが表示されますので、コピーして使用して下さい。
2013年5月初版
2024年10月改訂
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。