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のファイルを準備します.
表示を確認する
ブラウザで表示を確認します.ブラウザで表示を確認します.ブラウザで表示を確認します.ブラウザで表示を確認します.ブラウザで表示を確認します.ブラウザで表示を確認します.ブラウザで表示を確認します.