【HTML】誰でも簡単に出来る、一歩進んだブログの書き方 | AQUOSアニキの言いたい放題

AQUOSアニキの言いたい放題

徒然なるままに俺自身のネタや、政治・社会ニュースへの辛口コメント、最近観た映画の感想とかを書き綴ります。

たまーにブログのデザイン変更とか自作ブログパーツを出したりします。「ムホホ~♪」

みなさん、こんばんは。




このルフィの絵はとくに意味はありません。




今回は、アメブロのブログの標準エディタでは使えない、一歩進んだブログの書き方をご紹介します。

HTMLの知識無くても、すぐ出来ちゃう豆知識程度の内容なので、

これから書くブログですぐに使えます!


まず1つめ。区切り線。


<hr />


↑こんだけです。

これを、埋め込めば、




↑こういう区切り線が作れます。俺のブログの記事でもよく使ってますよね。

長いブログを書く人や、話題を切り替えるときに、読者に伝わりやすいので、

とても便利です。


これはとても簡単なので、ぜひご活用ください。



二つ目。引用。

アメーバニュースとか、一般のニュースをネタに書く人向けです。


<blockquote>引用したい内容</blockquote>


これを使うと・・・


こんな感じで、1つタブを入れたような文章がかけます。
これを使うことで、読者にどこまでが引用文なのかが分かりやすくなります。

またさらに、こういう工夫も出来ます。


<blockquote><font face="HGP創英角ポップ体" color = "red">引用したい内容</font></blockquote>


ちょっと複雑そうに見えますが、引用タブの中に、フォントを変えるタグが埋め込まれています。

例題として、フォントをポップ調にして、文字を赤くしました。

これを使うと・・・



こんな感じで、読者に引用された内容がさらに分かりやすくなります。
読者にとって、これはかなり好感が持てる記事の書き方だと思います。



ちなみに・・・これは3つめですが、

<br />

↑これは改行タグです。

HTMLで編集してるとき、普通に改行しても認識されないので、このタグを書き込みましょう。

引用タグを使うときなどに、かなり重宝します。


すぐに使えるものを並べさせていただきました。


これらのタグを使えば、読者の好感度アップ間違いなし!(たぶん)

読みやすいブログは、それだけで好感が持てるので、ぜひ活用してください。



ペタしてね 読者登録してね フォローしてね