最初のページを表示しよう

作成したファイルへコードを書き、HTML、Reset CSS、CSS、JavaScriptを接続します。

このLessonのゴール

• HTMLからReset CSS、サイト用CSS、JavaScriptを読み込める
• index.htmlをブラウザで開き、正しい表示とConsoleの出力を確認できる
• コードを保存し、ブラウザを再読み込みして変更を反映できる

index.htmlを書く

index.htmlへ次のコードを記述します。

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>With Café</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/main.js" defer></script>
  </head>
  
    With Café
    毎日に、ほっとできる時間を。