はてなブログを始めるときに覚えるべき、たった5つのHTMLタグ。

ブログを始めた。

ちょこちょこ更新をしている。

だが、他のブログとは何か違う。

そう感じるときはないだろうか。

良いブログを書くとか何が違うか。

見た目が違うのだ。

ブログを書くときにHTML知識はゼロでもかける。

ただ、HTMLを全く書かないとどうもしっくりくるものは書けない。

そんなあなたへ

ブログで頻繁に利用できるHTMLを紹介する。参考にしてほしい。

1. ブログ内の大見出し

h4

[HTML]

[CSS]

h4{ 
 margin:10px 0px; 
 padding:0 0 3px 9px; 
 border-bottom:2px solid #6692C0; 
 border-left:6px solid #6692C0; 
}

2. ブログ内の小見出し

h5

[HTML]

[CSS]

h5{
 margin:10px 0px;
 padding:0 0 3px 9px;
 border-left:6px solid #6692C0;
}

3.列挙

[HTML]

　<ul>

　　<li>あ</li>

　　<li>い</li>

　　<li>う</li>

　</ul>

[CSS]
.entry-content ul {
    list-style: circle outside none;
}
.entry-content li {
    margin-left: 1.5em;
    padding: 3px 0;
}

4.番号列挙

[HTML]

　<ol>

　　<li>あ</li>

　　<li>い</li>

　　<li>う</li>

　</ol>

5.枠で囲う

aaaa

[HTML]

<blockquote>aaaa </blockquote>