HTMLでのサイズ指定

サイズの指定方法は２種類

テーブルタグなどのサイズを指定するとき、「ピクセル」で指定する方法と「%（パーセント）」で指定する方法があります。
「ピクセル」は１ピクセルを１とする単位で絶対的な単位ですが、 パソコンのディスプレイの解像度によっては左右されます。
「%（パーセント）」は相対的な単位で他の大きさに対する割合で大きさが変わります。

比べてみよう！

ここではテーブルタグを例にとって比べて見ましょう。
まずは「ピクセル」を使ってみます。 <table>のタグに<table border width="70">と属性を加えます。
※CSSを習得している方に多い間違いですが、HTMLではピクセルでの指定には単位は要りません！間違って「width="70px"」などと書かないようにしましょう！

どうでしょう？おなじ数字でもずいぶん違いますよね？しかしここまでは当たり前だと思います。
では次はこれをそのまま少し小さい枠（テーブル）に入れてみることにします。

どうでしょうか？ピクセル指定のほうは大きさは変わっていません。これは「ピクセル」というものが絶対的な単位だからです。
では「%」は？明らかに小さくなっていませんか？これは「%」というものが相対的な単位だからです。
このようにHTMLでは二つの絶対的な単位である「ピクセル」と、相対的な単位である「%」が使用できます。
用途に応じてうまく使い分けてください。