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>
  <head>
    <title>HTMLの中でのPHP繰り返しの利用例</title>
  </head>
  <body>

  
  <?php
    for ($i = 1; $i <= 3; $i++) {
      echo '<h2>第' . $i . '回</h2>';
    }
  ?>

  
  <?php 
    $fruits = ['Apple', 'Banana', 'Orange', 'Mango'];
  ?>
  <ul>
  <?php
    foreach($fruits as $fruit) {
      echo '<li>' . $fruit . '</li>';
    }
  ?>
  </ul>
 
</body>
</html>

<html>

<head>
  <title>HTMLの中でのPHP繰り返しの利用例</title>
</head>

<body>

  
  

  
  <?php
  $fruits = ['Apple', 'Banana', 'Orange', 'Mango'];
  ?>
  <ul>
    

  </ul>

</body>

</html>


    // =======================
    // 問題1
    // =======================
    // 問題文
    const title1 = '第1回 から 第3回 まで連番で見出しを作ってください';
    // 実装タスク
    const task1 = '`*for*`文を使って 1〜3 までの数字を`*<h2>*`タグで囲んで出力してみよう';
    // ヒント
    const hint1 = `次のコードを参考にしてください。
~~~php
<?php 
  for ($i = 1; $i <= 3; $i++) {
    echo $i . '<br>';
  }
?>
~~~`;
    // アンサーコード
    const answer1_1 = `
<?php for ($i = 1; $i <= 3; $i++) {
  echo '<h2>第' . $i . '回</h2>';
} ?>
  `;
    const answer1_2 = `
<?php for ($i = 1; $i <= 3; $i++) { ?>
  <h2>第<?php echo $i; ?>回</h2>
<?php } ?>
`;
    const answer1_3 = `
<?php for ($i = 1; $i <= 3; $i++) : ?>
  <h2>第<?php echo $i; ?>回</h2>
<?php endfor; ?>
`;
    // =======================
    // 問題2
    // =======================
    // 問題文
    const title2 = '連想配列の中身をリスト表示してください';
    // 実装タスク
    const task2 = '`*foreach*`文を利用して連想配列`*$fruits*`の要素を`*<li>*`タグで囲んで出力してみよう';
    // ヒント
    const hint2 = `次のコードを参考にしてください。
~~~php
<?php
  $colors = ['red', 'blue', 'yellow'];
  foreach($colors as $color) {
    echo $color . '<br>';
  }
?>
~~~`;
    // アンサーコード
    const answer2_1 = `
<?php foreach($fruits as $fruit) {
  echo '<li>' . $fruit . '</li>';
} ?>
`;
    const answer2_2 = `
<?php foreach($fruits as $fruit) { ?>
  <li><?php echo $fruit; ?></li>
<?php } ?>
`;
    const answer2_3 = `
<?php foreach($fruits as $fruit) : ?>
  <li><?php echo $fruit; ?></li>
<?php endforeach; ?>
`;
    // =======================
    // 手順
    // =======================
    const questions = [
        {
            title: title1,
            tests: [
                {
                    title: task1,
                    hint: hint1,
                    test: () => {
                        isContainTextInEditor([answer1_1, answer1_2, answer1_3]);
                    }
                }
            ]
        },
        {
            title: title2,
            tests: [
                {
                    title: task2,
                    hint: hint2,
                    test: () => {
                        isContainTextInEditor([answer2_1, answer2_2, answer2_3]);
                    }
                }
            ]
        }
    ];


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

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

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

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の動的生成

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

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

「PHPとHTML」レッスンの総復習クイズです。