ホームページ作成の準備
HTMLファイルとCSSファイルをつなげる
ここで使うタグ
<link rel="stylesheet" href="cssファイル名" type="text/css" />
XHTML(HTML)とCCS(スタイルシート)をつなげる
ホームページはXHTML/HTMLで作られていますが、実はホームページの デザインを決めるのはXHTML/HTMLではなくCSS(スタイルシート)です。 基本的にはXHTML/HTMLは構造、CSS(スタイルシート)はデザインと考えていただくとわかりやすいです。
CSSファイルを外部ファイル化するためには、CSSファイルを作成するだけではできません。 HTMLファイルへ、適用するCSSファイルがどれかを示す <link rel="stylesheet" href="cssファイル名" type="text/css" />コードを1行<head>と</head>の間に入れて、 HTMLファイルとCSSファイルをつなげます。
「href="..."」の部分に、作成したCSSファイルのファイル名を入れることで、 CSSファイルを適用することができます。
この講座では"style.css"と入れましょう。
ホームページ ソース
XHTML(HTML)
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=shift_jis" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
</body>
</html>
CSS(スタイルシート)