Excelの表をブログに貼り付ける。その５

以前、Excelの表をhtml化するためには、Excelにそのままhtmlタグを入れてしまえば良いという投稿をしました（四度も）。

もともと、同窓会ホームページに卒業生のリストを載せるために行ったことでした。

その卒業生リストはクラス毎に下の表のようにレイアウトしなくてはいけません。

Excelでは行と列の配置を変えるのは、容易ではありません。

たとえば、一列のデータ

を四列の表

に並べかえるのはデータの数だけカットとペーストを繰り返すことになります。

しかし、実はhtmlだとむしろ簡単にできるんですね。

1.一列のまま、データの前に列を挿入して、<td>タグを下方向コピーで一気に入力、

データの後ろにも列を挿入して、</td>タグを下方向コピーで一気に入力します。

2. <table>タグのあと、行のタグ<tr>を入れます。

3. グループの区切りと、4列で1行の表にするのなら4行毎に、行終了タグ</tr>と行開始タグ</tr>を入れます。

これをコピーして、ブログやwebページなどのhtml入力モードで貼り付けします。

このように表示することができました。

多行多列の表といえば、カレンダーです。

下の表のような表を作れば、ブログ、webページではカレンダーのように表示できますね。

曜日は見出し行タグ<th>〜</th>としています。

f:id:windfeather:20140506230100p:plain

日	月	火	水	木	金	土
				5月1日	5月2日	5月3日
5月4日	5月5日	5月6日	5月7日	5月8日	5月9日	5月10日
5月11日	5月12日	5月13日	5月14日	5月15日	5月16日	5月17日
5月18日	5月19日	5月20日	5月21日	5月22日	5月23日	5月24日
5月25日	5月26日	5月27日	5月28日	5月29日	5月30日	5月31日

日付の表示の変更はExcelの機能で、ブログでの表示を変える方法は以前の記事をご参照ください。