道具(VSCode)と場所(フォルダ)がそろいました。いよいよ、はじめてのHTMLファイルを作ります。ここでの目標はただ一つ、「書いたものが画面に出た!」をその目で見ること。プログラミングでいちばん気持ちいい瞬間です。
「index.html」という名前のひみつ
これから作るファイルの名前はindex.html。じつはこれ、思いつきの名前ではありません。Webの世界には、「そのフォルダの表紙になるページはindexと名づける」という約束があります。
本の最初にある目次(index)と同じで、「まずここから見てね」の合図。だから世界中のWebサイトの最初のページは、だいたいindex.htmlという名前です。あなたが今日作る1枚も、その仲間入りをします。
これから書く「タグ」をちらっと予習
今回打ち込むのは<h1>はじめてのページ</h1>という1行。<h1>と</h1>のような山かっこの印をタグと呼び、「ここからここまでは大きな見出しだよ」とブラウザに伝える目印です。
くわしい仕組みはHTMLコースでじっくりやるので、いまは「タグで文字をはさむと、ブラウザがその意味で表示してくれる」——それだけつかめれば十分です。
ファイルは保存してはじめて反映される
これから何度も出てくる大事な習慣があります。エディタに書いただけでは、まだ画面には反映されません。かならず保存して、はじめてブラウザに伝わります。
うまくいかないときのチェックリスト
はじめての1枚は、小さなつまずきが起きがち。「あれ?」と思ったら、上から順に確かめてみましょう。
- 保存した?——タブの●は未保存のサイン
- ファイル名は正しい?——
index.htmlのつづり。とくに拡張子が.txtのまま(index.html.txt)になっていないか - タグの記号は半角?——
<と>は半角で。全角の<>だとタグとして働きません - 開いたファイルは合ってる?——別のフォルダの古いファイルを開いていないか
このレッスンのまとめ
- フォルダの中に
index.htmlを作る - 書いたら保存する(
Ctrl/⌘ + S) - ブラウザで開くと、書いた内容が表示される

