使える無料のwebサービス25・TABLEIZED!(html table作成ツール)
TABLEIZED!(html table作成ツール)
TABLEIZER! -- Spreadsheets to HTML Tables Tool:
http://tableizer.journalistopia.com/
Excelなどの表計算データから、すばやくhtmlのtableを作成してくれる無料のwebサービスです。表計算データのtableにしたい範囲をコピーし、TABLEIZER!のテキストエリアにペーストして【Tableize it】ボタンをクリックするだけで、tableデータに変換してくれます。
オプションとして、「TABLE OPTIONS:」部分で、フォント、フォントサイズ、<hd>部分の背景色を変更できます。
古いExcelからスプレッドシートをhtmlとして書き出した場合、tableの各タグに余計なcssが付いてしまい、それを取り去るために苦労しますが、TABLEIZER!のcssは簡潔なので、編集も容易にできます。
表示が「Copy the HTML code below:」に切り替わり、テキストエリア内にコードが生成されます。
- 生成されたコードは、上のパートが<style>、下のパートが<table>になります。
- <style>のパートをhtmlの<head></head>の中ににペースト、<table>のパートを<body></body>にペーストします。
- 下のtableは作成したサンプルです。テーブルのスタイルは、隙間のある表組となります。
年月日 数値01 数値02 数値03 地名01 地名02 2012.3.26 2365 4792 12554 東京都 中野区 2012.2.20 6659 12478 25866 東京都 新宿区 2012.1.18 10020 6989 45778 神奈川県 横浜市 2011.12.16 99687 25566 20336 千葉県 千葉市 2011.11.10 336655 102030 26699 埼玉県 草加市 2011.10.5 20099 200556 2351 長野県 松本市 - この隙間をなくす場合は、「table.tableizer-table」に、border-collapse: collapse; を加えます。
table.tableizer-table {
border: 1px solid #ccc;
border-collapse: collapse;
}年月日 数値01 数値02 数値03 地名01 地名02 2012.3.26 2365 4792 12554 東京都 中野区 2012.2.20 6659 12478 25866 東京都 新宿区 2012.1.18 10020 6989 45778 神奈川県 横浜市 2011.12.16 99687 25566 20336 千葉県 千葉市 2011.11.10 336655 102030 26699 埼玉県 草加市 2011.10.5 20099 200556 2351 長野県 松本市 - また、表計算データ内に使用した日本語(マルチバイト文字)はUnicodeの10進コードに自動変換されます。例えば、「年月日」が、
年月日
のように。
日本語のUnicode10進コードを取得する目的の使い方もありそうです。