HTMLを使ってWebページを表示してみた
はじめに
Web制作について0から勉強を始めました。
今回はVS Codeを使ってHTMLファイルを作成し、
ブラウザにWebページを表示するところまでやってみました。
やったこと
VS Codeでindex.htmlを作成し、
HTMLの基本的なコードを書きました。
その後、作成したHTMLファイルをブラウザで開いて、
Webページが表示されることを確認しました。
最初につまずいたこと
最初はHTMLを書いたのに、ブラウザに何も表示されませんでした。
原因が分からなかったので、Qiitaの記事を書いた方に質問したり、
ChatGPTにも質問して確認しました。
その結果、**HTMLファイルを保存していなかったことが原因だと分かりました。
VS CodeでCtrl + Sを押してファイルを保存してから
ブラウザで開くことで、無事に表示できました。
今回学んだこと
- VS CodeでHTMLファイルを作成する方法
- HTMLの基本的な書き方
- HTMLファイルをブラウザで表示する方法
-
Ctrl + Sでファイルを保存することの重要性
今回の感想
初めてだったので、最初はブラウザに表示されず戸惑いました。
しかし、自分で調べたり、記事を書いた方やChatGPTに質問したりすることで
原因を見つけて解決することができました。
これからも実際にWebページを作りながら、
HTMLやCSSなどを少しずつ学んでいきたいです。
参考記事(@tsukino_さん)