こんにちは。
『やさしいブログの作り方』の松田です。
記事やサイドバーのフリースペースに囲み枠を使って表現すると、目立ちやすくわかりやすくなります。
この囲み枠をいかに簡単に作れるようになるか、ということで私も動画を使って作り方をご紹介したりしています。＾＾
今日は、見出しスペースのある囲み枠を表現する<fieldset>タグをご紹介します。
<fieldset>タグを使うと以下のような囲み枠が表示できます。
通常の囲み枠とは違い、タイトル部分がわかりやすくなりますね。
これを書くには、
のように書きます。（<legend>タグで囲んだ部分が囲み枠の見出しになります。）
１点注意、記事内に<fieldset>タグを使って枠を表示すると、パソコンで見た時はきれいな枠になりますが、ケータイやスマートフォンから見ると枠なしになったりします。
逆に、<fieldset>タグはパソコンから見た場合のみ表示されるので、サイドバーのフリースペースに使えば普通の枠よりもきれいに見せられるので効果的です。＾＾
例えば、フリースペースに
<fieldset><legend>全８回にパワーアップ！</legend><a href="http://ameblo.jp/amecafe2011/entry-11117883731.html">やさしいブログづくりのための、やさしいメール講座（全８回）</a></fieldset>
と書くと、
のように表示されます。
ご参考まで。
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
記事やサイドバーのフリースペースに囲み枠を使って表現すると、目立ちやすくわかりやすくなります。
この囲み枠をいかに簡単に作れるようになるか、ということで私も動画を使って作り方をご紹介したりしています。＾＾
今日は、見出しスペースのある囲み枠を表現する<fieldset>タグをご紹介します。
<fieldset>タグを使うと以下のような囲み枠が表示できます。
通常の囲み枠とは違い、タイトル部分がわかりやすくなりますね。
これを書くには、
<fieldset><legend>囲み枠のタイトル</legend>
本文
</fieldset>
本文
</fieldset>
のように書きます。（<legend>タグで囲んだ部分が囲み枠の見出しになります。）
１点注意、記事内に<fieldset>タグを使って枠を表示すると、パソコンで見た時はきれいな枠になりますが、ケータイやスマートフォンから見ると枠なしになったりします。
逆に、<fieldset>タグはパソコンから見た場合のみ表示されるので、サイドバーのフリースペースに使えば普通の枠よりもきれいに見せられるので効果的です。＾＾
例えば、フリースペースに
<fieldset><legend>全８回にパワーアップ！</legend><a href="http://ameblo.jp/amecafe2011/entry-11117883731.html">やさしいブログづくりのための、やさしいメール講座（全８回）</a></fieldset>
と書くと、
のように表示されます。
ご参考まで。
最後までお読みいただきありがとうございました。
５つの無料メール講座配信中
これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座（全８回）
「来てよかったです！」と言われるイベントにするために。
少人数イベント実施のための５つのステップ＋２が学べるメール講座（全７回）
メルマガ、やってみたいけどどうすれば？という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座（全１０回）
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術１０の技メール講座
販売記事を書くポイントを教えます。
初めての販売記事を書いてみよう！ ５つのポイント実践メール講座
やさしいブログづくりのための、やさしいメール講座（全８回）
「来てよかったです！」と言われるイベントにするために。
少人数イベント実施のための５つのステップ＋２が学べるメール講座（全７回）
メルマガ、やってみたいけどどうすれば？という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座（全１０回）
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術１０の技メール講座
販売記事を書くポイントを教えます。
初めての販売記事を書いてみよう！ ５つのポイント実践メール講座
６月１日、電子出版しました！