はてなブログに表を書く方法

　はてなブログを書いているとき、表で表現したい時があります。その度に検索するのですが、それだと進歩が無いのでメモを残します。

　手順は

1. エクセル(or Libre Office Calc)で表を書きます。
2. エクセルシートをHTMLテーブルに変換しちゃう君 (ββ) (styleme.jp)　を開き、エクセルの表をコピペし、HTMLに変換します。
3. 変換されたHTMLデータを、はてなブログの”HTML編集”画面で貼り付けます。

　このままだと、表が左寄せになることと、セル内の文字列が左寄せになるので、必要に応じてstyleタグの部分を変更します。

　表をセンタリングするには、以下のようにmargine:auto; を追加します。（赤字部分）

<style>
table {
    border-collapse: collapse;
    margin:auto; /* センタリング */
}
th {
    border: solid 1px #666666;
    color: #000000;
    background-color: #ff9999;
}

。。。

</style>

セルの中の文字を右寄せにする場合は、以下のように text-align:right;を追加します（青字部分）。なお .rcellはclass名です。

<style>

。。。

td {
    border: solid 1px #666666;
    color: #000000;
    background-color: #ffffff;
}
td.rcell{
    text-align:right; /* 右寄せ　*/
}

。。。

</style>

さらに<table>タグの右寄せしたいセルの部分に以下のように追加します。（青地部分）

<table>

。。。。
<td class="rcell">848g</td>

。。。。

</table>

これだけです。簡単です。

また、表タイトルをつけるときは<caption>タグを使います。

<table>
<caption>表のタイトル</caption>
<tr>

。。。。。

</table>