雪ん子’s report

スマホ1つでブログは書けるか⁉ スマホの使い方(初級編)と日々のことをお伝えします。

雪ん子’s report

スマホだけでブログに挑戦!

はてなブログで表を載せる方法 続き




こんばんは。雪ん子です。

以前の記事にお問い合わせをいただきました。

はてなブログで表を載せる方法(デザイン編)
 
追記しても良かったのですが、既にボリュームがすごかったので、新たな記事で書かせていただきます。
※私が紹介している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>で挟んであげれば太字になります。