エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた

テーブルタグが苦手な方へ。。
便利なツールがあったもんだ！

その名も『エクセルシートをHTMLテーブルに変換しちゃう君』

エクセルで作った表をcssとhtmlで出力してくれます。
では使ってみよー。

適当にエクセルで作成。

んで表の部分を範囲指定してクリップボードへコピー。

あとはサイトの上のテキストボックスにペーストして、オプションをいじくって変換ボタンをポン！

それだけでめんどくさいテーブルタグが産まれます。
ちなみに、テスト用で作ってみたcssとhtmlが以下

css

table {
	border-collapse: collapse;
}
th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}

HTML

<table>
	<thead>
		<tr>
			<th>

			</th>
			<th>
				テスト1
			</th>
			<th>
				テスト2
			</th>
			<th>
				テスト3
			</th>
			<th>
				テスト4
			</th>
			<th>
				テスト5
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>
				てすと1
			</th>
			<td>
				1
			</td>
			<td>
				2
			</td>
			<td>
				3
			</td>
			<td>
				4
			</td>
			<td>
				5
			</td>
		</tr>
		<tr>
			<th>
				てすと2
			</th>
			<td>
				6
			</td>
			<td>
				7
			</td>
			<td>
				8
			</td>
			<td>
				9
			</td>
			<td>

			</td>
		</tr>
		<tr>
			<th>
				てすと3
			</th>
			<td>
				2
			</td>
			<td>

			</td>
			<td>
				3
			</td>
			<td>

			</td>
			<td>
				40000
			</td>
		</tr>
		<tr>
			<th>
				てすと4
			</th>
			<td>
				1
			</td>
			<td>
				2
			</td>
			<td>
				3
			</td>
			<td>

			</td>
			<td>
				4
			</td>
		</tr>
		<tr>
			<th>
				てすと5
			</th>
			<td>
				6
			</td>
			<td>

			</td>
			<td>
				7
			</td>
			<td>
				5
			</td>
			<td>

			</td>
		</tr>
	</tbody>
</table>