no message

Question08.5-PHPHTMLEmbed/Ex01.php

@@ -0,0 +1,27 @@
+<?php
+
+/**
+ * TODO:
+ * 1. 配列 $fruits に "Apple", "Banana", "Cherry" を格納してください。
+ * 2. foreach 文を使って、$fruits の各要素を <li>…</li> として順番に出力する処理を書き、
+ *    HTML内の <ul> … </ul> の間に埋め込んでください。
+ */
+
+
+?>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>Ex01: 果物リスト</title>
+</head>
+
+<body>
+    <ul>
+        <!-- TODO: $fruits の各要素を <li>…</li> として出力 -->
+
+    </ul>
+</body>
+
+</html>

Question08.5-PHPHTMLEmbed/Ex02.php

@@ -0,0 +1,24 @@
+<?php
+
+/**
+ * TODO:
+ * 1. 配列 $colors に "Red", "Green", "Blue" を格納してください。
+ * 2. foreach 文を使って、$colors の各要素を <span>…</span> として順番に出力する処理を書き、
+ *    HTML内に埋め込んでください。
+ */
+
+
+?>
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>Ex02: 色リスト</title>
+</head>
+
+<body>
+    <!-- $colors の各要素を <span>…</span> として出力 -->
+</body>
+
+</html>

Question08.5-PHPHTMLEmbed/index.html

@@ -0,0 +1,47 @@
+<!-- index.html -->
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>PHP練習問題 スタートページ</title>
+    <link href="../common/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body>
+    <div class="container">
+        <div class="page-header">
+            <h1>PHP練習問題 <small>HTML埋め込みとforeach練習</small></h1>
+        </div>
+        <div class="panel-group" id="accordion">
+            <!-- Ex08_05_01 -->
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4 class="panel-title">
+                        <a href="Ex01.php" target="_blank">
+                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
+                            Ex01: 果物リストを foreach で生成
+                        </a>
+                    </h4>
+                </div>
+            </div>
+            <!-- Ex08_05_02 -->
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h4 class="panel-title">
+                        <a href="Ex02.php" target="_blank">
+                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
+                            Ex02: 色リストを foreach で埋め込み
+                        </a>
+                    </h4>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- jQuery -->
+    <script src="../common/js/jquery-3.2.1.min.js"></script>
+    <!-- Bootstrap Core JavaScript -->
+    <script src="../common/js/bootstrap.min"></script>
+</body>
+
+</html>