HTML内でPHPコードを記述する方法

HTML内でPHP変数を表示する方法

<html>
<head>
    <title>PHPの記述例</title>
</head>
<body>

<h1>PHPコードの埋め込み例</h1>

<?php
  $name = '山田さん';
  echo '<p>こんにちは' . $name . '</p>';
?>
</body>
</html>

<html>

<head>
    <title>PHPの記述例</title>
</head>

<body>

    <h1>PHPコードの埋め込み例</h1>
    
    

</body>

</html>


    // アンサーコード
    const answer1 = "<?php $name = '山田さん'; echo '<p>こんにちは' . $name . '</p>'; ?>";
    const answer2 = "<?php $name = '山田さん'; ?><p>こんにちは<?php echo $name; ?></p>";
    // ヒント
    const hint = `次のコードを参考にしてください。
~~~php
<?php
    $message = 'Good Bye';
    echo '<p>' . $message . '</p>';
?>
~~~`;
    // 問題
    const questions = [
        {
            title: 'HTMLのpタグ内にPHPの値を出力してください',
            tests: [
                {
                    title: '変数`*$name*`に`*山田さん*`を代入し、`*<p>*`タグで囲まれた`*こんにちは山田さん*`を出力してみよう',
                    hint: hint,
                    test: () => {
                        isContainTextInEditor([answer1, answer2]);
                    }
                }
            ]
        }
    ];


HTML出力

PHPのif文を使用したHTML出力内容の出し分け

```php
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>成績判定</title>
</head>
<body>
    <?php
    $score = 75;

    $(1) ($score >= 80) {
        echo '<p>合格</p>';
    } $(2) {
        echo '<p>不合格</p>';
    }
    ?>
</body>
</html>
```

条件分岐を使用したHTMLの動的生成

PHPのforeach文を使用したHTMLタグの動的生成

```php
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>動物の名前</title>
</head>
<body>
    <?php
    // 動物名の配列を定義
    $animals = ['犬', '猫', 'ウサギ', '鳥', 'カメ'];

    // 配列の要素を繰り返し処理し、各動物の名前を段落として表示
    foreach ($animals as $animal) {
        echo '<p>' . $(1) . '</p>';
    }
    ?>
</body>
</html>
```

PHPのfor文を使用したHTMLタグの動的生成

繰り返し処理を使用したHTMLの動的生成

【演習】HTML内でPHPを記述してみよう

HTMLの中にPHPコードを埋め込む方法を学習し、HTML上で動的な要素を生成できるようになるレッスンです。
Webサイトを作成するための実践的なスキルを養います。