なるの備忘録

エンジニアリングそして営業ができるエンジニアに向けて、日々学んだことをアウトプットしていきます。

PHPでfor文を使って画像を繰り返し表示させる

実施方法

以下の2つの方法で実現できます。
・echoでimgタグを出力することで表示
・一旦PHPタグを閉じて、htmlとしてimgタグを記述
実際にコードを見てみましょう。

論よりコード

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body>
        <?php
            for( $i = 0; $i < 5; $i++){
                //echoでimgタグを出力することで表示
                echo '<img src="nuko.jpg" style="width: 100px;height: auto;">'; 
                ?>
                <!--一旦PHPタグを閉じて、htmlとしてimgタグを記述  -->
                <img src="dog.jpg" style="width: 100px;height: auto;"> //
                <?php
            }
        ?>
    </body>
</html>

実行結果

f:id:narunaru7638:20190210233517p:plain

結論

・画像を繰り返し表示させる方法は2種類ある
(①echoでimgタグを出力、②一旦PHPタグを閉じてhtmlとしてimgタグを記述)
・コードが汚れるのでechoを使うほうがオススメ
phpのコードの途中にhtml出てくると大変読みづらい…)