空のファイルに1行だけ書いて、ブラウザで開く。「打ち込む→画面に出る」——最初の成功体験をここで。
道具（VSCode）と場所（フォルダ）がそろいました。いよいよ、はじめてのHTMLファイルを作ります。ここでの目標はただ一つ、「書いたものが画面に出た！」をその目で見ること。プログラミングでいちばん気持ちいい瞬間です。
これから何度も出てくる大事な習慣があります。エディタに書いただけでは、まだ画面には反映されません。かならず保存して、はじめてブラウザに伝わります。
index.html を作るCtrl/⌘ + S）VSCodeで開いた作業フォルダの中に、新しいファイルを作ります。
index.html にしてEnterこれで、空っぽのHTMLファイルが1枚できました。index は「最初のページ」を表す、いわば表紙の定番の名前です。
作った index.html に、次の1行を打ち込んでみましょう。まるっと同じでかまいません。
<h1>はじめてのページ</h1>
打ち込んだら、かならず保存します（Ctrl + S、Macなら ⌘ + S）。
保存した index.html を、いつものブラウザ（Chromeなど）で開きます。いちばんかんたんなのは、そのファイルをブラウザのウィンドウにドラッグ＆ドロップする方法。ファイルをダブルクリックしても、たいていブラウザで開きます。
すると——画面に大きな文字で 「はじめてのページ」 と表示されるはずです。
「打ち込む → 画面に出る」の流れがつかめました。でも、直すたびにファイルを開き直すのは、ちょっと面倒ですよね。