ホームページ作成の準備

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(スタイルシート)


inserted by FC2 system