PHP 内に HTML を書く

Subodh Poudel 2023年10月8日
  1. PHP で HTML を書くには echo 関数を使用する
  2. PHP ファイルで HTML 内に PHP を書く
PHP 内に HTML を書く

このチュートリアルでは、PHP ファイルに HTML を書き込むためのいくつかの方法を紹介します。

PHP で HTML を書くには echo 関数を使用する

最初の方法では、PHP ファイルの echo 関数内に HTML を記述する方法について説明します。PHP の echo 関数を使用して式を出力します。式は文字列式です。echo は実際には関数ではないため、echo 関数を使用しているときに括弧を記述する必要はありません。これは言語構造であり、戻り型はありません。関数は複数のパラメーターを取ることができます。

echo 関数を使用して HTML 要素を表示できます。たとえば、PHP ファイルを作成し、$song$artist の 2つの変数を作成します。以下の例に示すように、変数にいくつかの値を書き込みます。次に、echo 関数を使用して table タグを作成します。各行で echo 関数を使用して、thtrtd などのすべてのテーブルタグを書き込みます。td タグ内で、$song 変数と $artist 変数を"<td>" .$songs.'"</td>"として連結します。最後に、echo 関数内の table タグを閉じます。

以下の例では、PHP ファイルに 1 行 2 列の HTML テーブルを作成します。

サンプルコード:

<?php
$song = "Echoes";
$artist = "Pink Floyd"; 
echo "<table>";
echo "<tr>";
echo "<th> Songs </th>";
echo "<th> Artists </th>";
echo "</tr>";
echo "<tr>";
echo "<td>".$song."</td>";
echo "<td>".$artist."</td>";
echo "</tr>";
echo "</table>";
?>

出力:

Songs Artists
Echoes Pink Floyd

すべての HTML を 1つの echo 関数で囲んで、同じ結果を得ることができます。

サンプルコード:

<?php
$song = "Echoes";
$artist = "Pink Floyd"; 
 echo"<table>
 <tr>
 <th> Songs </th>
 <th> Artists </th>
 </tr>
 <tr>
 <td>".$song."</td>
 <td>".$artist."</td>
 </tr>
 </table>";

出力:

Songs Artists
Echoes Pink Floyd

このようにして、PHP ファイル内に HTML を書き込むことができます。

PHP ファイルで HTML 内に PHP を書く

echo 関数を使用せずに、PHP ファイル内に HTML を書き込むこともできます。HTML は .php ファイルでレンダリングできます。最初の方法では、HTML は PHP タグ内に書き込まれました。そのため、echo 関数を使用して HTML を表示しました。ここでは、PHP タグの外側に HTML を記述します。ただし、HTML で PHP 変数を使用する必要がある場合は、PHP タグを開く必要があります。<?=$someVar?> 構文を使用して、HTML 内の PHP 変数を表示できます。構文は、echo 関数のショートカットです。

このメソッドのデモンストレーションには、上記のメソッドで作成されたものと同じ変数を使用します。まず、PHP タグ内に変数を作成します。タグを閉じたら、table タグを作成します。上記の方法と同じようにテーブル構造を作成します。td タグで、PHP タグを開き、変数を <?=$song?> および <?=$artist?>として表示します。

その結果、Web ページに HTML テーブルが表示されます。このようにして、PHP ファイル内に HTML を書き込むことができます。

サンプルコード:

<?php 
$song = "Echoes";
$artist = "Pink Floyd"; 
?>
 <table>
 <tr>
 <th> Songs </th>
 <th> Artists </th>
 </tr>
 <tr>
 <td> <?=$song?> </td>
 <td> <?=$artist?> </td>
 </tr>
 </table>

出力:

Songs Artists
Echoes Pink Floyd 
著者: Subodh Poudel
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn

関連記事 - PHP HTML