phpファイルが表示されません

### 前提・実現したいこと

vscodeで書いたphpファイルが表示されません。
「ようこそ」を出力したいのですが、コードそのものが表示されます。

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

index.htmlファイルとfirst.phpファイルの２つを用意しました。

index.htmlにある送信ボタンをクリックすると、first.phpで書いたコードそのものが表示されます。

今回は、ようこそ、の文字を表示したいです

該当のソースコード

index.htmlのコード

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP練習</title>
</head>

<body>

    <form action="first.php" method="post">
        <label for="name">名前</label>
        <input type="text" id="name">
        <label for="email" name="email">メールアドレス</label>
        <input type="email" id="email" style="width:300px">
        <label for="message" name="message">メッセージ</label>
        <textarea name="message" id="message" cols="40" rows="3"></textarea>
        <button type="submit" id="submit" value="送信">送信</button> <button type="reset" id="reset">リセット</button>
    </form>
</body>
</html>


first.phpのコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<?php
print "ようこそ";

?>
</body>
</html>



</body>

</html>

試したこと

mac版のxamppをダウンロードして、全て正常に作動しています。

他のサイトでhtmlの拡張子をphpにすればいいとありましたが、やってみましたがコードそのものが表示されます

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

追加で画像を添付します。

http://localhost/test/first.phpでクリックすると、添付画像がでます。

行動規範の内容に同意します

回答2件

自己解決

できました。
localhostという名のフォルダに入れなければいけないと思っていましたが、htdocsという名のフォルダに入れた上で
「http://localhost/first.php」にアクセスしたところ、あっさり表示されました。

使用している教材がXAMPPでやっているので、XAMPPのままでやっていこうと思います。

ありがとうございました

投稿2021/01/10 13:01

ct_8725_yuiqui

総合スコア4

m.ts10806

2021/01/10 22:26 編集

私の「ドキュメントルート」という回答をきちんと理解していないままで、結局のところ望ましい解決方法ではないので低評価しています。この回答ではご自身も今後同じような問題を抱えた人のためにもなりません。

m.ts10806

2021/01/10 22:28 編集

>使用している教材がXAMPPでやっているので、XAMPPのままでやっていこうと思います。これも悪手。 teratail内で「MacでXAMPP」「WindowsでMAMP」で悩んで駆け込んでくる人が多いことから、「そのままでいく」ことの悪手さは変わりません。例え書籍が「MacでXAMPPの環境を前提」としていてもです。本来なら仮想環境なりなんなり、Linux系OSで用意するのが妥当です（用意するのは簡単ではないが、資料も多いし実際のPHPが動作しているWebサーバーの多くはLinux系OSであることから）

ct_8725_yuiqui

2021/01/11 12:10

その場凌ぎの解決になってしまいましたが、コメント失礼します。 m.ts10806さんの言うドキュメントルートというのは、今回の場合で言うとアプリケーション→user→XAMPP→htdocs→〜.php、と言うことでしょうか？

m.ts10806

2021/01/11 22:18

設定を確認してください。 PHP ドキュメントルートで検索してもそのまま答えが得られるはずです。

行動規範の内容に同意します

MacではMAMPにすべき。
という前提はありますが、そもそも最初のHTML時点でhttpからアクセスしてないのでは。
teratail内で頻出です。 [コードそのまま tag:PHP] の検索結果： 1146件

Apache起動してもhttpでアクセスしないとPHPは動作してません。

投稿2021/01/09 12:40

編集2021/01/09 12:41

m.ts10806

総合スコア80875

ct_8725_yuiqui

2021/01/10 02:28

ご回答ありがとうございます。現在、デスクトップにtestフォルダを作成し、その中にindex.htmlとfirst.phpファイルが入っています。パスとしては、http://localhost/test/first.phpで入力したところ、添付した画像が出ました。パスを少し変えても同じです。一度ファイアウォールをオフにしてみても同じでした。

m.ts10806

2021/01/10 02:30

Apacheのドキュメントルートがデスクトップのディレクトリになってるんですか？

m.ts10806

2021/01/10 02:30

https://teratail.com/search?q=%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%83%AB%E3%83%BC%E3%83%88+tag%3APHP&sort=updated-desc

ct_8725_yuiqui

2021/01/10 02:35

そういうことになります。

m.ts10806

2021/01/10 02:48

ではドキュメントルートの設定をご提示ください。やり取りした感じ、勘違いしてます。

退会済みユーザー

2021/01/10 02:52

refused なんで、port80 でサービスが立ち上がってないんだろうね。

m.ts10806

2021/01/10 02:55 編集

あ、確かにそっちの線か。 MacでXAMPPにすると結構色々面倒のようですね。 https://dezanari.com/mac-xampp-apache/ MAMPにしてデフォルトポートのままで解決しそう。というか、デスクトップをドキュメントルートにするのは良くないですね。

ct_8725_yuiqui

2021/01/10 11:46

XAMPPのネイティブ版PHP 8.0.0をダウンロードしています。添付画像を追加しました。デスクトップにあったフォルダをlocalhostフォルダに移してあります。その上で、 http://localhost/first.phpで入力すると、「object not found!」と表示されます。あと、コメント欄にありました、「port80」でサービスが立ち上がっていないというのはどういうことでしょうか？ MAMPにしたほうが良いのでしょうか？

m.ts10806

2021/01/10 22:24

MAMPにしたほうが良いのは確実、あと「ドキュメントルート」の概念理解できてないならそれを理解しないと「とりあえずhtdocsに入れればいい」という間違った解釈をします。つまり、ご自身の回答は半分あっていて半分間違っています（低評価してもいいかもしれません）

行動規範の内容に同意します

あなたの回答