ご訪問ありがとうございます。
ブログランキングの応援
をして頂けると励みになります。
ここをクリックしてくださいね。
人気ブログランキング
ホームページを作成するためには、
スタイルシートを理解する必要があります。
スタイルシートって何だと思いますか?
直訳すると、サイトをスタイルするための紙? これだとよくわかりませんよね。
「スタイルシート」とは、
サイトの表示やレイアウト、デザインなどを定義するための概念をいいます。
具体的には、CSS、XSL、DSSSLなどがありますが、
一般的には、CSSがよく知られています。
ということで、今回は、「CSS」を使ってブラウザ上で
次のように表示してみましょう。
「CSS」の使用方法には以下の通り3つの方法があります。
<body>タグ内部に書く場合
ホームページ上、次のように入力します。
<p style="color: red">これは赤い文字の段落です。</p>
<head>タグ内部に書く場合
ホームページ上、次のように入力します。
<head>
<style type=text/css>
p {color:red;}
</style>
</head>
<body>
<p>これは赤い文字の段落です。</p>
外部スタイルシートに書く場合
・ホームページ上、次のように入力します。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<p>これは赤い文字の段落です。</p>
</body>
・mystyle.css上、次のように入力します。
p {color:red;
}
上記の3つのうち、SEO上からも、
CSSを外部スタイルシートに書く方法が一番よいといわれています。