HTMLでPHPのコードがそのまま表示されるのはなぜでしょう？

```

    <?php
     
    //データベース接続
    $server = "localhost";  
    $userName = "root"; 
    $password = "root"; 
    $dbName = "sample01";
     
    $mysqli = new mysqli($server, $userName, $password,$dbName);
     
    if ($mysqli->connect_error){
        echo $mysqli->connect_error;
        exit();
    }else{
        $mysqli->set_charset("utf-8");
    }
     
    $sql = "SELECT * FROM name";
     
    $result = $mysqli -> query($sql);
     
    //クエリー失敗
    if(!$result) {
        echo $mysqli->error;
        exit();
    }
     
    //レコード件数
    $row_count = $result->num_rows;
     
    //連想配列で取得
    while($row = $result->fetch_array(MYSQLI_ASSOC)){
        $rows[] = $row;
    }
     
    //結果セットを解放
    $result->free();
     
    // データベース切断
    $mysqli->close();
     
    ?>
     
    <!DOCTYPE html>
    <html>
    <head>
    <title>nameテーブル表示</title>
    <meta charset="utf-8">
    </head>
    <body>
    <h1>nameテーブル表示</h1> 
     
    レコード件数：<?php echo $row_count; ?>
     
    <table border='1'>
    <tr><th>id</th><th>name</th></tr>
     
    <?php 
    foreach($rows as $row){
    ?> 
    <tr> 
        <td><?php echo $row['id']; ?></td> 
        <td><?php echo htmlspecialchars($row['name'],ENT_QUOTES,'UTF-8'); ?></td> 
    </tr> 
    <?php 
    } 
    ?>
     
    </table>
     
    </body>
    </html>
    
```

[![画像の説明をここに入力](https://i.stack.imgur.com/GgOC9.jpg)](https://i.stack.imgur.com/GgOC9.jpg)

エラーメッセージ等はありません

図のようにPHPのコードがそのまま表示される だけです

環境は Mac XAMPP です

phpのファイルはRootに置いてあります

[![画像の説明をここに入力](https://i.stack.imgur.com/8xmJ4.jpg)](https://i.stack.imgur.com/8xmJ4.jpg)

エンターを押すと上記の図のように表示されます

アクセスしているURLは

file:///Volumes/root/4%20HTML%20/17%20/select.php

htmlファイルはhtdocsですが XAMPPの直下がわからない 置けないのでRootです

追記

htdocsに任意のファイルを置いてurlの最後尾を任意のファイル名に変えても表示されません
CC BY-SA 4.0
2020-09-18T03:38:49.300
70509
2020-09-18T11:53:54.313
2020-09-18T11:53:54.313
3060
39481
question
php macos xampp
HTMLでPHPのコードがそのまま表示される