神戸学院大学 経営学部 林坂ゼミ

HTML 入門トップページ

« 戻る 次へ »

HTML 入門

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

表示を確認する

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

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

ブラウザでの表示結果

スタイルシート

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

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

表示を確認する

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

目次に戻る