質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1127閲覧

arrayに画像格納後、表示方法

退会済みユーザー

退会済みユーザー

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/07/21 01:45

勉強中の初心者です。
arrayに画像を格納してHTML内で表示させたいですが、やり方が行き詰ってしまいました。
arrayに格納した画像を下で呼び出したいです。

途中までのコードです。拙くて申し訳ありません。

//プラン一覧画面で使用 <?php //$plan_listの中身が後々DBからselectした値に置き換わるイメージ $plan_list = array(); $arr1 = array("plan_id" => "1", "plan_name" => "素泊まりプラン", "type_name" => "食事なし", "detail" => "素泊まりプランの説明です。", "url" => "../img_odai/img-1.png"); $arr2 = array("plan_id" => "2", "plan_name" => "イセエビプラン", "type_name" => "夕のみ", "detail" => "夕食ありプランの説明です。", "url" => "image002.jpg"); $plan_list[] = $arr1; $plan_list[] = $arr2; $detail1 = $arr1["detail"]; $detail2 = $arr2["detail"]; $url1 = $arr1["url"]; $url2 = $arr2["url"]; ?> <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>浦島観光ホテル</title> <!-- 全画面共通のcssファイル読み込み --> <link rel="stylesheet" type="text/css" href="../css_odai/common.css"> <!-- メニュー詳細用のcssファイル読み込み --> <link rel="stylesheet" type="text/css" href="../css_odai/chart.css"> </head> <body> <div> <!-- 任意のページに画面遷移するやり方で一番オーソドックスな方法 --> <a href="./chart.php">????浦島観光ホテル</a> </div> <form action="./complete.php" method="post"> <div class="box2"> <h1>宿泊プラン検索</h1> <p>宿泊予定日を選択してください</p> <input type="date" style="width: 200px; height: 30px;"> <input type="submit" value="検索" style="height:35px;"> </div> </form> <p>宿泊可能なプランがある場合はこちらに表示されます</p> <form action="./complete.php" method="post"> <div class="box2"> <div style="float:right;"> <img src="../img_odai/img-1.png" width="180" height="100" > </div> <div> <?php print ($arr1["plan_name"]); ?> <p>宿泊タイプ</p> <?php print ($arr1["type_name"]); ?> <p>チェックイン15:00~チェックアウト~10:00</p> <p><?php echo $detail1; ?></p> <input type="hidden" name="plan_id" value='$plan_id'> <input class="yoyaku" type="submit" value="予約する"> </div> </div> </form> <form action="./complete.php" method="post"> <div class="box2"> <div style="float:right;"> <img src="../img_odai/img-1.png" width="180" height="100" > </div> <div> <?php print ($arr2["plan_name"]); ?> <p>宿泊タイプ</p> <?php print ($arr2["type_name"]); ?> <p>チェックイン15:00~チェックアウト~10:00</p> <p><?php echo $detail2; ?><P> <input type="hidden" name="plan_id" value="{$plan_id}"> <input class="yoyaku" type="submit" value="予約する"> </div> </div> </form> <p>指定された日程での宿泊可能なプランはありません</p> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/07/21 01:57

拙いコードかどうかはともかく、起きてる問題はなにでしょう。レビュー依頼になってませんか?
guest

回答1

0

ベストアンサー

PHP

1 <?php echo "<img src=$url1 width='180' height='100' > "?>

画像の部分をこれで変更できました。

投稿2020/07/21 02:00

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問