以前の記事にお問い合わせをいただきました。
はてなブログで表を載せる方法(デザイン編)
追記しても良かったのですが、既にボリュームがすごかったので、新たな記事で書かせていただきます。
※私が紹介しているCCSを設定していると下記のようになるはずです。
今回ご紹介するのはこちら。
・見出しを無しにしたい。
・見出し以外で太字にする方法について。
はてな記法とHTMLでの書き方を紹介します。
はてな記法
本文の書き方
|*丘を越え<br />行こうよ|*口笛ふきつつ|空は澄み 青空|<b>牧場をさして</b>|
|*どんぐり|*ころころ|ドンブリコ|<b>お池にはまって</b>|
出来上がり
丘を越え 行こうよ |
口笛ふきつつ | 空は澄み 青空 | 牧場をさして |
---|---|---|---|
どんぐり | ころころ | ドンブリコ | お池にはまって |
「一行目だから」「一列目だから」というわけではなく、「*」がついているところが、見出し扱いとなります。
また、見出し以外の場所で太字にしたい場合は、太字にしたい文字を<b></b>で挟んであげれば大丈夫です。
HTML
本文の書き方
<div id=○○>スクロールしてご覧ください。 <table> <caption>犬のおまわりさん</caption> <tr> <th>迷子の</th> <th>迷子の</th> <td>子猫ちゃん</td> <td><b>あなたの</b></td> </tr> <tr> <th>にゃんにゃんにゃにゃん</th> <th>にゃんにゃんにゃにゃん</th> <td>泣いてばかりいる</td> <td><b>子猫ちゃん</b></td> </tr> </table> </div>
出来上がり
スクロールしてご覧ください。
迷子の | 迷子の | 子猫ちゃん | あなたの |
---|---|---|---|
にゃんにゃんにゃにゃん | にゃんにゃんにゃにゃん | 泣いてばかりいる | 子猫ちゃん |
こちらも同じく、
<th></th>で挟めば、見出し扱い。
<td></td>で挟めば、見出しではなくなります。
そして、こちらも文字を<b></b>で挟んであげれば太字になります。