HTMLでWebページを作成するとすぐに、サイジングの作業を開始します。 自分や他のデザイナーが作成したデザインと一致する可能性が高いように見えるようにするには、そのサイトのテキストのサイズやページ上の他の要素を変更する必要があります。 これを行うには、HTMLの「サイズ」タグを探し始めるかもしれませんが、見つからない場合はすばやく見つけられます。
HTMLサイズタグはHTMLには存在しません。 代わりに、フォント、画像、またはレイアウトのサイズを設定するには、カスケードスタイルシートを使用する必要があります。 実際には、サイトのテキストや別の要素を視覚的に変更する必要がある場合は、CSSで処理する必要があります。 HTMLは構造体専用です。
HTMLサイズタグに最も近いタグは古いフォントタグです。実際にはsize属性が含まれていました。 このタグは現在のバージョンのHTMLでは廃止されており、将来はブラウザでサポートされない可能性があることに注意してください。 あなたのHTMLにフォントタグを使用したくない！ その代わりに、CSSを学習してHTML要素のサイズを決め、それに応じてウェブページをスタイルする必要があります。
フォントサイズ
CSSはおそらくCSSでサイズを決めるのが一番簡単です。 そのテキストをサイジングするだけでなく、CSSを使用することで、あなたのウェブサイトのタイポグラフィをより具体化することができます。 フォントサイズ、色、ケーシング、重さ、先頭などを定義することができます。 フォントタグでは、サイズを定義するだけで、ブラウザのデフォルトのフォントサイズを基準にした数値として定義することができます。これは、顧客ごとに異なります。
パラグラフを12ptのフォントサイズに設定するには、font-sizeスタイルのプロパティを使用します。
h3 {font-size = 24px; }このスタイルは、headiing3要素のフォントサイズを24ピクセルに設定します。 これを外部スタイルシートに追加すると、すべてのサイトのH3がこのスタイルを使用します。
テキストにさらに印字スタイルを追加する場合は、このCSSルールに追加できます。
h3 {font-size：24px; 色：＃000; font-weight：normal; }これは、H3のフォントサイズを設定するだけでなく、色を黒に設定します（＃000の16進数が意味するものです）。そして、それは "normal"に重みを設定します。 デフォルトでは、ブラウザは見出し1〜6を太字のテキストとしてレンダリングするので、このスタイルはそのデフォルトを上書きし、テキストを本質的に「太字にします」。
画像サイズ
実際にはブラウザを使用して画像のサイズを変更できるため、画像をサイズを定義するのが難しい場合があります。 もちろん、ブラウザで画像をリサイズするのは悪い考えです。なぜなら、ページの読み込みが遅くなり、ブラウザが画像のサイズを変えて画像を悪くしてしまうことが多いからです。 代わりに、 グラフィックスソフトウェアを使用してイメージのサイズを変更し、WebページのHTMLに実際のサイズを書き込む必要があります。
フォントとは異なり、イメージはHTMLまたはCSSを使用してサイズを定義できます。 イメージの幅と高さを定義します。 HTMLを使用する場合、画像サイズはピクセル単位でしか定義できません。 CSSを使用する場合は、インチ、センチメートル、パーセンテージなどの他の測定値を使用できます。 この最後の値（パーセンテージ）は、レスポンシブウェブサイトのように、イメージが流動的でなければならない場合に非常に便利です。
HTMLを使用して画像サイズを定義するには、imgタグのheight属性とwidth属性を使用します。 たとえば、この画像は400x400ピクセルの正方形です。
height = "400" width = "400" alt = "image" />CSSを使用してイメージサイズを定義するには、高さと幅のスタイルプロパティを使用します。 CSSを使用してサイズを定義すると、同じイメージが表示されます。
style = "height：400px; width：400px;" alt = "イメージ" />レイアウトサイズ
レイアウトで定義する最も一般的なサイズは幅で、最初に決定する必要があるのは、 固定幅のレイアウトを使用するか応答性の高いWebサイトを使用するかです。 言い換えれば、ピクセル、インチ、またはポイントの正確な数として幅を定義しようとしていますか？ または、レイアウト幅をemやパーセンテージを使用して柔軟に設定する予定ですか？ レイアウトのサイズを定義するには、イメージの場合と同じように、幅と高さのCSSプロパティを使用します。
固定幅：
style = "width：600px;">液体の幅：
style = "width：80％;">レイアウトの幅を決めるときは、読者が使用している可能性のあるさまざまなブラウザの幅と、使用している別のデバイスを考慮する必要があります。 これは、さまざまなデバイスや画面サイズに基づいてレイアウトやサイジングを変更できるレスポンシブウェブサイトが今日のベストプラクティスの標準である理由です。