Blogger で表を書く方法

今回は、Blogger で table を使って表を書く方法です。久々に Blogger、Blogger beta 共通の話題。

• 柔軟材: BloggerでTableの編集

英語（アメリカ合衆国）	日本語（日本）
About Me	自己紹介
View my complete profile	詳細プロフィールを表示
Labels	ラベル
Blog Archive	ブログのアーカイブ
Subscribe to: Posts (Atom)	登録: 投稿 (Atom)
Subscribe to: Post Comments (Atom)	登録: コメントの投稿 (Atom)
Newer Post	次の投稿
Older Post	前の投稿

こういう感じの表がパパパッと（多分）かけちゃいます。ちなみにこの表は、Blogger beta の日本語化で、ブログ内の情報がどう日本語になったのかを書き出してみたもの。


テーブルタグを書きます

まずは、Blogger（beta も可）の新規投稿画面もしくは投稿編集画面で「HTML の編集」タブを選んで

<table border="1"><td>TABLE</td></table>

と記入。HTML 的にこれはおかしいんですが、「作成」タブを選んだあと、再び「HTML の編集」タブに戻ってみると…

<table border="1"><tbody><tr><td>TABLE</td></tr></tbody></table>

と足りないタグを補ってくれています。Blogger 賢いですね。

TABLE

これだけだと、上記のような一つのセルしかないテーブルになります。


テーブルを編集する

セルの追加や削除、セル内の文字列変更といったテーブルの編集については、HTML タグをいじる必要が全くありません。「作成」タブを選んでテーブルを表示させ、セルをクリックしてみるとこのような表示に変わります。



この見慣れない丸や三角、四角の意味は次のとおり。

	… ドラッグ＆ドロップすることで、セルの大きさを変更します。
	… クリックすると、その方向に一列（一行）挿入されます。
	… クリックすると、その列（行）が削除されます。
（セル内）	… クリックすると、そのセルにカーソルが移動。文字列を変更することができます。

行や列の挿入をすると、追加されたセルにカーソルが自動的に移ります。Tab キーや Shift + Tab で入力セルを移動することも可能です。


こういった Blogger の Table 編集、使いこなせると便利そうですね。最初のテーブルタグを書かずにすんだら、もっともっと便利なんですが…。


おまけ

テーブルの枠線やパディングの設定は、やはり HTML でないと設定できません。興味がある人は、こちらを参考にしてください。

• HTMLリファレンス: <table> - テーブル（表）