２つ目は、１と同じ属性から指定するが、相対的な + - で、指定する方法。
３つ目は、スタイルで設定する方法です。
先ず、1、２に相当する、文字の属性の話からしますが、文字の大きさは、１〜７までの、７段階あり、標準は、先ほど述べたブラウザでの１２ポイント文字に相当するのが、３になります。
普通に、「あいえお」と書いた場合、
このように、上図の左上に、「標準」と出ます。
また、編集画面の右上を見ると、
というように、P という表示があります。
このPというのはHTMLの「タグ」です。「段落」を意味します。
この「あいうえお」の文字の部分の大きさを変える場合は、
「あいうえお」という文字をカーソルで反転選択してから、
メニューバーにある「書式」から「フォント」で、「属性」の画面を出します。
または、
このボタンを押してもOKです。
これですね。
ココで「属性」を出します。
ココで、文字の大きさを変えるなら、サイズで設定します。
サイズは、３が標準のIEブラウザでいうところの１２ポイント文字に相当します。
この「サイズ」のところのスクロールで１〜７以外に、「-1」とか、「+1」とかのサイズがあります。
これは、相対的な大きさの指定になります。
例えば、
これを見てください。
２行の「あいうえお」が同じ大きさで「編集画面上」で見えていて、
プレビュー画面で見ても、
同じ大きさに表示されていますね。
実は、これは、違います。
上は、「+1」指定で、下が、「４」指定です。
ソースを見るとこのように違います。
同じように見えていても、標準の３より一つ大きい、４という文字大きさを指定した場合と、３から「+1」にしたのは、同じように表示されます。
ココまでが、1、2、のフォント属性の話しでした。
属性で指定したフォントは、いわば文字の飾りです。
HTMLソースには、この文字を挟んで、「大きさ」や「色」など、様々な指定の構文がかかれるので、本当は、SEO的にはあまりこのましくはないのです。
それだけ構文が複雑になるからです。
ですから、先ず、このフォント属性ではなく、スタイルの設定で書く方法も覚えてください。
発展すると、スタイルシートという、CSSという作り方で、軽いサイトを作れるようになりますし、先行き、レイアウトを評組みではなくCSSで作る場合の予習にもなります。
ココまでの、「フォントの属性」は化粧ですので、化粧を落として、｢プレーン」な状態に戻すには、
ココで、「フォント属性の解除」を押すと、４のサイズ文字も標準に戻り、色や太さまで「プレーン」になります。
次にスタイルの場合です。
例えば、今、最初にやった、「あいうえお」の場合、スタイルは、
この部分、「標準」になっていて、Pという段落タグが表示されていましたね。
ココで、見出し１、２、３、・・・と、指定すれば、
スタイルシートとして設定してある、見出しの文字の大きさに変化します。
標準のサイズを変えるなら、編集しているスタイルシートの「標準」である、Pのスタイルに対して、文字の大きさを変えることができます。
見出し１というのは、一番重要な要素になる見出しで、文字の大きさも一番大きいスタイルに設定されています。
文章などを編集するとき、選択した文字・段落を、このスタイル設定で、「見出し１〜６」までを使い分けて作るほうが、フォントの属性で指定するよりもいいので、なるべくこの H１〜６ までを駆使するように心がけてください。
Googleなどの大型ロボット型検索サイトなどでは、H1を重要な要素であるワードとして認識するように出来ています。
このスタイルシートをカスタマイズ・駆使して作るやり方ですが、レイアウト自体をココで指定するのが本来の作り方になります。
このセミナーでは、そこまでは、やっていませんので、先ず、普通に、「属性」で作り、「表組みレイアウト」をマスターしたら、CSSの勉強をして下さい。
