<table>
<thead><tr>
<th>タグ</th><th>説明</th>
</tr></thead>
<tbody><tr>
<td>TD</td><td>テーブルのセル。横に並べる。</td>
</tr><tr>
<td>TH</td><td>見出し。TDの代わりに使う。</td>
</tr><tr>
<td>TR</td><td>行の区切り。TDを囲む。</td>
</tr></tbody>
</table>
ただしこのとき注意しなければならないことが一点。 Bloggerのフォーマット設定で「改行の変換」を有効にしている場合、<tr>タグや<td>タグの間に書いてある改行が投稿後に<br>タグに変換されてしまうため、下のように意味不明な空白ができてしまいます。
タグ | 説明 |
---|---|
TD | テーブルのセル。横に並べる。 |
TH | 見出し。TDの代わりに使う。 |
TR | 行の区切り。TDを囲む。 |
これを解決するには改行を消して、表のHTMLを1行にしてしまえば良い。
<table><thead><tr><th>タグ</th><th>説明</th></tr></thead><tbody><tr><td>TD</td><td>テーブルのセル。横に並べる。</td></tr><tr><td>TH</td><td>見出し。TDの代わりに使う。</td></tr><tr><td>TR</td><td>行の区切り。TDを囲む。</td></tr></tbody></table>
後から編集するのが面倒になるけど、これで表の上に空白ができなくなります。
タグ | 説明 |
---|---|
TD | テーブルのセル。横に並べる。 |
TH | 見出し。TDの代わりに使う。 |
TR | 行の区切り。TDを囲む。 |
0 件のコメント: