B020 HTML内でPHPスクリプトを実行

エアケント教育コンテンツ > 初級2(PHP) > 基本 > B020 HTML内でPHPスクリプトを実行

PHPのスクリプトはHTML内に挿入して、フォームから入力された値を演算したり、データベースに格納したり、アクセスした値をWebページに表示することなどが可能です。

HTMLだけでは静的なウェブページしか作れませんが、PHPを埋め込むことによって、動的なWebページを作成することが可能となります。今回は、HTML内でPHPスクリプトを実行する方法を紹介します。

HTML内でPHPスクリプトを実行する前に（環境）

HTML内でPHPを動作させる為には、Webサーバー環境が必要となります。
環境構築の一例を記載しますので参考にしてください。

  1. Webサーバーをインストールしたディレクトリを開き、「htdocs」フォルダを探してください。
  2. 「htdocs」フォルダ内にhtmlファイルを作成し、下記の「記載例」に書かれたコードを貼り付けてください。
  3. Webサーバーを立ち上げてください。
  4. 2 の手順で作ったファイルをブラウザで開いて確認してください。
    下記のURLにアクセスすることで確認できます。
    http://localhost/ファイル名

HTML内でPHPスクリプトを実行

PHPをHTML上で実行する場合は、<?php ?>内にPHPのコードを書きます。

PHP
<html>
  <body>
    <?php ここにPHPの処理を記載する ?>
  </body>
</html>

記載例

PHP
<html>
  <body>
    <?php echo '出力'; ?>
  </body>
</html>

出力結果

PHP
出力

▼画面上に「出力」と表示されないとき
　※PHPが動かないときは、以下を確認してみてください。

下記の様に、一部を変数に格納して文字列として出力することも可能です。

PHP
<?php
  $language = 'PHP';
  echo "<p> $language を学びましょう</p>";
?>

出力結果

PHP
<p> PHP を学びましょう</p>

出力結果(ブラウザイメージ)

エンジニアからのアドバイス

PHPはサーバーサイド側の言語です。
HTMLやCSSとは異なり、「サーバーを動かさないとブラウザで挙動を確認できない」「サーバーサイドの設定が間違っていると予想外の動作をする」
「HTMLでは書かれた内容はいつ見ても変わらないけれど、PHPで書かれた部分は変数を使えば表示される中身を変えることができる」など、今まで学んできた知識とは異なる挙動をします。
今回作ったページを利用して、以下項目の挙動を確認してみましょう。

---