htmlをlocalhostのurlをつかって表示させたいのにできません。

Question

前提・実現したいこと

作ったhtmlファイルをlocalhostのurlをつかって表示させたいのですが、できません。

私は本を参考にして、HTMLを勉強し始めた初心者です。
VScodeの実行や、パスのコピーで表示することは出来るのですが、
http://localhost/[ファイルの場所]
をつかって表示しようとすると、「localhostにより、接続が拒否されました。」とでます。エンジンはChromeです。

formタグの送信先を表す action='cgiファイルのlocalhostのURL' でも正しく動作せず、なにも記述されません。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[KoichiSugiyama]

Webサーバをインストールしていない、またはサーバーを起動していないのではないでしょうか？試した環境などの詳細も追記していただいた方がアドバイスが集まりやすいです。

[pVb0kwXovV0ep52]

Webサーバー(XAMPP)の使い方をよく分かっていませんでした、、今一度調べながら進めてみます。ありがとうございます！

[m.ts10806]

XAMPPはWebサーバ込みの「ツール群」なのでWebサーバそのものではないです。（それに質問内に触れられてないのでXAMPPを知ってるかどうかすら分からない）

[pVb0kwXovV0ep52]

すみません

[m.ts10806]

いえ、今からでも回答に影響ない程度に追記してもらえたら良いです。誤ってもらいたいわけではなく、後々見る人のための配慮をしてもらいたいだけなので

[pVb0kwXovV0ep52]

XAMPPを使って、Apacheでローカルウェブサイトをつくろうとしていました。

作ったhtmlやcssをXAMPPのhtdocsに入れて、XAMPP control panel で Apacheをスタートさせると、localhostのURLでhtmlを見ることが出来ました。

[m.ts10806]

質問は編集できます。

Answer 1

Webページをhttp://localhost/～というURLでブラウザーに表示するには、ローカルホスト(あなたのPC)でWebサーバーを実行し続ける必要があります。

VSCodeを実行中にWebページをプレビューできればいいのであれば、「Live Preview」という拡張機能を入れてください。

そうすると、編集中のHTMLファイルの上で右クリックして「Live Preview: Show Preview」を選択するだけで、ローカルPCでWebサーバーが起動し、VSCodeのウィンドウ内や外部のブラウザーでWebページをライブプレビュー(書き換えた内容が即座に反映される形式のプレビュー)できます。

Comments

[pVb0kwXovV0ep52]

Webサーバー(XAMPP)の使い方をよく分かっていませんでした。。再度調べながら進めてみます。
Live Previewという拡張機能があるのですね！とても便利そうなので使います、ありがとうございます????‍♂️