Webデザイン:オンラインリファレンス

HTMLとCSSをつなぐ

HTMLとCSSが完成したら...

例えば,HTMLを使用してあるWebページ(sample.html)を作成し,CSSを使ってそのページのデザイン(sample.css)を作成したとする.
015-1.png
このままでは,この2つのファイルは独立しており,互いに何の関係もない.そのため,sample.cssで記述したデザインが,sample.htmlに適用されることはない.

両者をリンクする

この2つのファイルを関連付ける(リンクする)ためには,HTMLファイルの中に,CSSファイルの情報を記述すればよい.HTMLファイルのheadタグの中にある,以下の部分である.
015-2.png
この中の「href」の部分にCSSファイル名を記述すると,両者がリンクされる.
015-3.png
これで初めて,Webページにデザインが適用される.
↑インデックスに戻る←前の項目(019. Webでの色の表し方)→次の項目(021. CSSを使うメリット)