読みやすくなるFacebookのノートの書き方と使えるHTMLタグのまとめ

読みやすくなるFacebookのノートの書き方と使えるHTMLタグのまとめ

facebookのノートはどんな感じにかけるのかな?と初ノートを書いてみました。
個人ページでは、ブログのようなボリュームのある内容はノートに、Facebookページでも、オリジナルのhtmlページの編集が難しい場合に簡単にページを増やすにはノートが活用できるかなと思っています。
ブログを併用している方も多いと思うのでノートをどんな風に使うかはアイデア次第というところでしょうか
 

ノートにはHTMLも書けるということですが
がっつりタグが書けるというのとは違うんですね。

 
がっつりタグで書こうとしてしまうとこんな感じ?
http://www.facebook.com/note.php?note_id=149657228401609

 
太字、斜字、下線など簡単な文字装飾はデフォルトで出来るので十分かもしれませんが
もう少しノートを見やすく、読みやすくするためのまとめです。

 
 

文字サイズを変更したいとき

手っ取り早く大きめな見出しを書きたい場合はh1~h3タグを使用できます。
▼タグ
<h1>H1タグでの文字サイズ</h1>
<h2>H2タグでの文字サイズ</h2>
 

ちなみにPC上ではh3タグの場合、大きさはH2タグとあんまり変わりませんが
iPhoneで見てみると大きさが違っていました。
 

太字にしないで、サイズの大きい文字にするには
▼タグ
<big>太字にしないでサイズの大きい文字</big>
<big><big>太字にしないで「さらに」サイズの大きい文字</big></big>
 

上記+太字にするとかなり見やすい見出しの文字サイズになります。
▼タグ
<b><big><big>上記+太字</big></big></b>
 

補足/取り消し線も使えます。
▼タグ
<s>取り消し線</s>

 

 
 

ライン

現時点では<hr>タグは使えないようですので
文章の間にラインを引きたいなーという時はこれ。
—————————————————————————————————
テキストの「—」をつなげるだけですね(笑

 
 

リンク

いつものHTMLタグでリンクの設定ができます
▼タグ
<a href=”http://www.a-web2.com” target=”_blank”>http://www.a-web2.com</a>

 
 

写真

ちなみに写真は、配置で写真サイズを自動縮小してくれます。
デフォルトではノート幅いっぱいに、左右やセンター配置を設定すると自動縮小されます。テキストが多いときは左右配置で雑誌風にしてもよいですね。
(追記:iPhoneで見てみると画像が左寄せになっておらず、、全然雑誌風じゃないし..)
 

 
これらを駆使して?書くとただのノートも見やすく、読みやすく様々な用途に利用できそうです

Comments

*
*
*

Copyright© a-web2 All Rights Reserved.