HTMLのテーブルを作る時に便利なジェネレーター「DIV TABLE」!

2016/11/25

こんにちは。
今回はHTMLのテーブルを作る時に便利なジェネレーター「DIV TABLE」!です。

エクセルやNumbersなどの表をコピペでテーブルにできたり、直感的にテーブルを簡単に生成することができるサイトを紹介します。

HTMLのテーブルを作る時に便利なジェネレーター「DIV TABLE」!

DIV TABLE

div-table

http://divtable.com/generator/

 

「DIV TABLE」の使い方

div-table2

「GENERATE」と「CONVERT」の二つあり、「GENERATE」は上記の画像のように直感的にテーブルを生成する事ができます。
SettingsでTableかDivを選択し、Border、Width、Cell Paddingを設定して、右の箇所からサイズを選択しますよ。
「CONVERT」はエクセルやNumbersなどをコピペするとそのままの表をテーブルで生成する事ができますよ。

 

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)

 

いかがでしたか。HTMLのテーブルを作る時に使ってみてはどうでしょうか。
以上でHTMLのテーブルを作る時に便利なジェネレーター「DIV TABLE」!でした。

topへ戻る