秀丸エディタとマークダウン記法でアメーバブログを執筆する（テーブル編）

マークダウン記法でtableを書いてHTMLに変換し、アメーバブログできちんと表示できるかどうか確認してみます。

マークダウンでtableを書いてみます。

|項番|タイプ|記述|
|---|---|---|
|1|文|テーブルの内容|

こう書くだけで…

<table>
<thead>
<tr>
<th>項番</th>
<th>タイプ</th>
<th>記述</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>文</td>
<td>テーブルの内容</td>
</tr>
</tbody>
</table>

いや、これはラクチン！
あとはCSSで見栄えを整えれば十分使えそうです。

項番 タイプ 記述
1 文 テーブルの内容

CSSはとりあえずこんなんでどうかな？

table {
border-collapse: collapse;
border-spacing: 0;
width: 100%
}

td, th {
border: 1px solid #999;
box-sizing: border-box;
text-align: center
}

おまけ。

サービス 特徴 評価
はてなブログ おたく 〇
FC2 H △
2ch 論外 -
ライブドア 炎上 △
アメブロ 最高 ◎てへぺろ

なんてね！