TABLEタグを簡単に自動生成してくれるWebサービスまとめ

公開日:  最終更新日:2015/12/08

TABLEタグを簡単に自動生成してくれるWebサービスまとめ
楽天市場に限らず、ECサイトなどのページ編集でTABLEタグを使って表形式のレイアウトを使うことって結構ありますよね。

商品の陳列にTABLEタグを使ってレイアウトしたり、バナーを並べるのに使ったり、もしかしたらページ全体のレイアウトにTABLEタグを利用しているかもしれません。

こんな感じのタグ
<TABLE>
 <TR>
  <TD></TD>
  <TD></TD>
  <TD></TD>
 </TR>
</TABLE>

上記のようなシンプルな表であれば、頑張って手入力することも可能ですが、複雑な表になってくると結構大変ですよね。行数、列数を多くてセルの結合やtableのセルの中に別のtableを記述する入れ子の構造になってくると、もう意味がわかりません。

1つ記述が抜けただけで表示がずれてしまい、元に戻すことも出来なくなった経験がある方も多いのではないでしょうか。

そこで、本日はTABLEタグを簡単に生成してくれるWebサービスについてまとめてみました。便利なサービスを利用してさくっとTABLEを作っちゃいましょう。

H27.9.20追記しました

スポンサードリンク

TABLEタグ生成に使えるWebサイト

49-1.png
TAG<index>テーブルタグ作成ツール
テーブルタグを生成できるツールです。表の大きさや背景色、行数と列数、文字揃えなどを設定することができます。シンプルな表をさくっと作る場合は良いかと思います。


49-2.png
TAG<index>テーブル用CSS設定ツール
上記と同サイト内にあるツールです。テーブル用のCSSを生成できるツールです。枠線のスタイルやセルの背景色などを、画面上で入力選択するだけでTABLEタグとCSSが生成されます。


49-3.png
Table Tag Generator
HTMLの表を簡単に作成。セルの結合も文字の入力も簡単に出来ます。CSSも同時に編集出来るので複雑な表を作成するのには便利かなと思います。


49-4.png
MobTabGen
元々はスマートフォンからブログを更新される方向けに作られたツールで、TABLEタグを簡単に生成するために作られたツールみたいですが、PCからでも問題なく使えるようです。
項目名1|項目名2|項目名3
あいうえお|かきくけこ|さしすせそ
といった入力( | が区切り文字) をするだけでTABLE形式にレイアウトしてくれます。
使い慣れたらかなり便利そうですねー


49-5.png
無料ツール.net テーブルタグ作成ツール
行、列の挿入、削除が簡単に出来てセル内の値も同時に編集することが可能なTABLEタグ生成ツールです。


49-5.png
HTML Table generator – TablesGenerator.com
英語表記になっていますが、日本語にも対応しています。メニューの「Table>Set Size」から作成したい表組のコラム数を選択して、セル部分をダブルクリックして項目を入力するだけです。文字揃えやフォントサイズ、マージン調整も簡単にできて、カラーやボーダーなども既存のテーマを選択すれば、簡単に装飾ができてしまいます。これはおすすめです。


たとえば、楽天のRMSでのページ編集でTABLEタグを手入力することを考えると絶対にミスしてレイアウトが崩れる自信があります・・・

そういった際にはタグ生成してくれるサービスをうまく活用して、さくっとレイアウトしたいですね。

タグなんて全然わからないって方も、タグ生成してくれるサービスを活用すればコピー&ペーストで使えるので ぜひ、活用してみてください。

<TABLE>の関連記事もよければご覧ください

テーブルのマウスオーバー時に行やセルの背景色を変更して表を見やすくする方法




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑