ブラウザに表示できません。どなたか教えてください。

前提・実現したいこと

・エラーを消す
・PHPコードを出力
・apacheの起動

現在の状態

画像の通りURL入力欄に「local~」を入れてもエラーになってしまいます。
他のファイル名を指定しても変わりませんでした。

↓　Apacheのログを全て記載しておきます。↓

14:44:47  [Apache] 	Problem detected!
14:44:47  [Apache] 	Port 80 in use by "Unable to open process" with PID 4!
14:44:47  [Apache] 	Apache WILL NOT start without the configured ports free!
14:44:47  [Apache] 	You need to uninstall/disable/reconfigure the blocking application
14:44:47  [Apache] 	or reconfigure Apache and the Control Panel to listen on a different port
14:44:47  [Apache] 	Attempting to start Apache app...
14:44:47  [Apache] 	Status change detected: running
14:44:48  [Apache] 	Status change detected: stopped
14:44:48  [Apache] 	Error: Apache shutdown unexpectedly.
14:44:48  [Apache] 	This may be due to a blocked port, missing dependencies, 
14:44:48  [Apache] 	improper privileges, a crash, or a shutdown by another method.
14:44:48  [Apache] 	Press the Logs button to view error logs and check
14:44:48  [Apache] 	the Windows Event Viewer for more clues
14:44:48  [Apache] 	If you need more help, copy and post this
14:44:48  [Apache] 	entire log window on the forums
ms

コードはおそらく間違えてはいないと思いますが、念のため貼っておきます。（ユーザー名は仮です）

<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/style.css">

<title>PHP</title>
</head>
<body>
<header>
<h1 class="font-weight-normal">PHP</h1>    
</header>

<main>
<h2>Practice</h2>
<pre>
<?php 
try {
    $db = new PDO('mysql:dbname=mydb;host=127.0.0.1;charset=utf8','root','');
    $statement = $db->prepare('INSERT INTO memos SET memo=?,created_at=NOW()');
    $statement->execute(array($_POST['memo']));
    echo 'メッセージを送信しました';
} catch(PDOException $e) {
    echo 'DB接続エラー:'.$e->getMessage();
}
?>
</pre>
</main>
</body>    
</html>

試してみたこと

・apacheのポート番号の変更（8888⇒81）
・PCの再起動
・他のブラウザで立ち上げる

補足情報

・windows10
・ドキュメントルート⇒ "C:/xampp/xammp/xampp/htdocs"（なぜこんなに紛らわしいのかは謎）
・その他必要な情報があれば教えてください。よろしくお願いします。

Daregada

2020/06/16 08:55

「XAMPP Control Panel」の表示を見ると、Apacheの起動に失敗しているように見えますが、Apacheは起動できているのでしょうか?

hentaiman

2020/06/16 10:14

赤い文字は読みました？

m.ts10806

2020/06/16 11:24

Google Chrome OS は本件とどう関係するのでしょう

m.ts10806

2020/06/16 11:25

あとコードは画像で提示されてもこちらで動作確認できません。テキストでマークダウンにてご提示ください

kinnman

2020/06/16 14:30

皆さん返信ありがとうございます。 xamppも起動できてないのでそれも含め教えていただきたいです。ちなみにそれに関しては実現したいことで記載しています。赤い文字は翻訳して読みましたがポートが重複している、と翻訳したのでポートは変更してみました。間違っていたら教えてください。 google chromeのブラウザを使用していたため記載しました。コードに関してはかしこまりました。

Daregada

2020/06/16 14:42

ええと、「最優先はApacheを起動させること」で、それが実現するまではブラウザで何やっても無駄ですね。ポートを変更した後、Apacheの起動を試みたのでしょうか。「XAMPP Control Panel」でApacheの横の「Start」ボタンを押し、表示される[Apache]付きのログをすべて、現在のように画像ではなく「文字の状態でコピー」して、質問文の中に貼り付けてください。

hentaiman

2020/06/16 14:43

ログにはなんて書いてありました？

m.ts10806

2020/06/16 20:54

自身がつけられたタグの説明をよく読んでください。開発元が同じだけの別物です。「OS」と「ブラウザ」は大きく違います。 https://teratail.com/tags/Google+Chrome+OS >Google Chrome OSは、Google社が開発するオープンソースのオペレーティングシステムです。Linuxベースで、同社のWebブラウザーであるGoogle Chromeの利用を目的としています。 https://teratail.com/tags/Chrome >Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

kinnman

2020/06/17 11:40

返信ありがとうございます！ログ記載しておきます。わざわざ説明していただきありがとうございます。

hentaiman

2020/06/17 11:51

ログ押してログ見ろって赤字で書いてあるんだけど、ログには赤字と同じ事が書いてあるの？

kinnman

2020/06/18 05:53

すみません！まだまだ初心者なものでよく分かっていませんでした。 hentaimanさんが言っているログというのはxanppのコントロールパネルに表示されているApacheという文字が含まれるエラーメッセージのことでしたかね？前は一部しか記載できていなかったので全部記載しておきました。もし僕の解釈が間違っていたら教えてください。

hentaiman

2020/06/18 07:19

logsってボタン押してログを確認しろっていう赤いメッセージがあるからそれは見たの？という質問ですよ xampp使った事無いので添付されてる画像の文字読んでるだけなので検討違いかもしれませんがなとは言えxampp関係無しに起動エラーを起こした時はシステムログとかapacheのログ見るから、とりあえずログ見てみてくださいグーグル先生に翻訳してもらいながら頑張って

hentaiman

2020/06/18 07:22

メッセージには空いてるポート使えって書いてあるけど例えばスカイプがポート80を占有してたりとか言う例があるんですが（今は知らんが）、そんな感じでconfに指定したポートが既に他のプロセスに使われている可能性は無いの？

Daregada

2020/06/18 11:14

IISが動作中でポート80を掴んでいるのでは。