● HTMLは「はさむ」という基本を知っていると便利です。
おはようございます、名村剛一です。
サイドバーのフリースペースは、お仕事ブログにとっては、とても重要です。
そのフリースペースを活用するには、ＨＴＭＬの基本を知っていると便利です。
ＨＴＭＬの基本は「はさむ」ということです。
たとえば、
<b>こんにちは</b>
とすると、
こんにちは
と太字になります。
「こんにちは」という文章を<b>と</b>で、はさんでいますよね。
<b>というのは「太字にする」という意味です。
</b>というのは、「太字にするのは、ここまでですよ」という印です。
では、この太字の「こんにちは」を少し大きめの１６ピクセルの文字にする場合は、こうなります。
<b><span style="font-size: 16px;">こんにちは</span></b>
こんにちは
「こんにちは」の両脇にあたらしい記号（ＨＴＭＬタグと呼ばれます）が加わりましたね。
これも、<span style="font-size: 16px;">と</span>で、「こんにちは」をはさんでいます。
<span style="font-size: 16px;">というのが１６ピクセルの文字にするという意味です。
</span>というのは、「１６ピクセルの文字にするのはここまでですよ。」という意味です。
でも、こんなことになっていることがありませんか？
こんにちは
画面ではわかりにくいかもしれませんが、「は」だけ文字の大きさが変わっていません。
この場合、ＨＴＭＬ表示で見ると、こんなふうになっています。
<b><span style="font-size: 16px;">こんにち</span>は</b><br>
わかりました？
「文字の大きさは、ここまで」という指定をする記号</span>の場所が間違っていますね。
こんな時は、</span>をマウスで切り取って、正しい位置に貼り付けなおします。
そうです、こうなりますよね。
<b><span style="font-size: 16px;">こんにちは</span></b>
すると、全部の文字が大きくなりました。
こんにちは
ＨＴＭＬが少しずつわかってくると、ブログでの作業の効率が上がってきます。
今後、いろんなＨＴＭＬの基本的なところをお伝えさせていただきますね。