« ブログで使える簡単HTMLタグ-10 | メイン | ブログで使える簡単HTMLタグ-12 »

ブログで使える簡単HTMLタグ-11

こちらは滋賀県商工会連合会が運営する 滋賀 SHIPS NET のブログです。
滋賀県の優良企業集合体 滋賀 SHIPS NET はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

今回はスタイルシートで文字の大きさを変えてみたいと思います。
<font>タグを使用すると17の大きさになりますが、スタイルシートを使えばもっと柔軟に文字の大きさを変化させる事ができます。
まずは見ていただきましょう。

こんにちは。こちらは仮想工業団地SHIPSNETです。

見えましたか?なにやらゴミのようなものが見えますが、これもちゃんとした文字なんです。小さすぎてみえないですね。ためしにドラッグしてコピーして、メモ帳か何かに貼り付けてみてください。

次はこちら・・

はい。でかすぎますね。もっと大きくできますが、それは自分で試してみてください。
では本題の記述の仕方についてです。
<div style="font-size:数字pt;">文字</div>

このままコピーして使ってください。数字の部分と文字の部分をお好みで書き直してください。ちなみに見えないほど小さいのが1pt、大きすぎるのが300ptです。
タグ中の<div>は<span>に置き換える事ができます。違いは、<div>には記述した時点で改行が自動で入りますが<span>には入りません。それだけの違いです。
タグ中に:や;など見落としやすい記号が入っているので間違って消さないように気をつけてください。


※ここで言う「ブログ」とは当ブログ(MOVABLE TYPE)の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

トラックバック

このエントリーのトラックバックURL:
http://www.shipsnet.jp/cgi-bin/mt/mt-tb.cgi/29

コメントを投稿

企業間取引・BtoBサイト 滋賀SHIPSNET

About

2008年02月26日 10:09に投稿されたエントリーのページです。

ひとつ前の投稿は「ブログで使える簡単HTMLタグ-10」です。

次の投稿は「ブログで使える簡単HTMLタグ-12」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

Powered by
Movable Type 3.35

無料 アクセス解析インプラント