HTML 入門

スタイルシートでデザインを作ろう

表示を確認する

index.html の body 内部に見出しと段落のコンテンツを入力します．まだ CSS には何も記述していないので，標準のデザインで表示されるはずです．まずは標準のデザインを確認しておこう．（HTMLのサンプルを見る）

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style.css">
  <title>スタイルシート</title>
</head>
<body>
  <h1>スタイルシート</h1>
  <h2>CSS ファイルの準備して読み込む</h2>
  <p>拡張子が.cssのファイルを準備します．．．</p>
  <h2>表示を確認する</h2>
  <p>ブラウザで表示を確認します．．．</p>
</body>
</html>

ブラウザでの表示結果

スタイルシート

CSS ファイルの準備して読み込む

拡張子が.cssのファイルを準備します．拡張子が.cssのファイルを準備します．拡張子が.cssのファイルを準備します．拡張子が.cssのファイルを準備します．拡張子が.cssのファイルを準備します．

表示を確認する

ブラウザで表示を確認します．ブラウザで表示を確認します．ブラウザで表示を確認します．ブラウザで表示を確認します．ブラウザで表示を確認します．ブラウザで表示を確認します．ブラウザで表示を確認します．

目次に戻る