HTMLファイルと並行して作り方をお教えしたいのがCSSファイルです。
CSSファイルとは何かといいますと、ホームページ全体のデザインの元となるファイルとでもいいましょうか。
デザインはHTMLファイルでも作り方があるんじゃないかと疑問に思われる初心者の方もいらっしゃるかもしれませんね。
これについては、ホームページというものが作られた過程からお話ししなくてはなりません。
ホームページ・・・ひいてはインターネットは、もともと大学や研究機関の間における情報のやりとりのために開発されたシステムでした。
ネットワークを通じて、大学構内や他研究機関どうしで研究成果の発表などを行うためのものだったのです。
そのため、ホームページの役割はそれらの文書を掲載させるための、初心者にも易しい作り方のページでした。
そのため、当時は現在の数々のホームページに見られるような、初心者には作れないようなカッコイイデザインなどは不要とされています。
・・・というより、文章掲載のためのホームページであるからして、デザインを良くするなんて考えもつかないのでしょうね。
結果、ホームページ作成のために開発されたHTMLは文書構成に特化しているプログラムとなったのです。
しかし、インターネットやホームページが広まり、一般向けにもサーバー販売されるにつれて、見栄えを良くしようという動きが高まってきます。
それによって作り出されたHTMLの機能が、文書構成とは関係のない、見栄えの為だけのタグです。
文書構成に特化しているプログラムに見栄えを組み込む・・・こうして、HTMLは両方の機能を無理やり兼ね備えた、無秩序なプログラムとなってしまったのです。
そこで、再びHTMLを文書構成に特化したプログラムへと戻し、デザインは別のファイルにて行おうと作りだされたのがCSS（スタイルシート）です。
そのため、現在における正しいHTMLの作り方として、デザインをそこに組み込むことは推奨されていません。
HTMLでは文書構成を、デザインはCSSで、と使い分けるのが正しいホームページの作り方なのです。