MakarandMane/php-forloop-html-basics.php

## php-forloop-html-basics.php
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
    .row {
        background-color: #f1f1f1;
        height: 100vh;
    }

    .row .container {
        max-width: 1000px;
        margin: 5% auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
    }

    .row .container .box {
        background-color: #333;
        color:#fff;
        width: 30%;
        height: 80vh;
    }
    </style>

</head>

<body>
    <div class="row">
        <div class="container">


            <?php
            for( $i=0; $i<3; $i++ ){

                echo '<div class="box">'.$i.'</div>';

                echo "<div class=\"box\">".$i."</div>";

                echo "<div class='box'>".$i."</div>";


                echo ' <a href="'.$url.'"></a>';
            }
            ?>

            <?php for( $i=0; $i<3; $i++ ){ ?>

                <div class="box">
                    <?php echo $i; ?>
                </div>

            <?php } ?>

            <?php // one more example ?>

             <?php for( $i=1; $i<=3; $i++ ){ ?>

                <div class="box">

                    <img src="http://localhost/dynamicphp/assets/img/<?php echo $i; ?>.jpg" alt="">

                    <?php echo $i; ?>

                </div>

            <?php } ?>

        </div>
    </div>

</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<style>
	.row {
	background-color: #f1f1f1;
	height: 100vh;
	}

	.row .container {
	max-width: 1000px;
	margin: 5% auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
	}

	.row .container .box {
	background-color: #333;
	color:#fff;
	width: 30%;
	height: 80vh;
	}
	</style>

	</head>

	<body>
	<div class="row">
	<div class="container">


	<?php
	for( $i=0; $i<3; $i++ ){

	echo '<div class="box">'.$i.'</div>';

	echo "<div class=\"box\">".$i."</div>";

	echo "<div class='box'>".$i."</div>";


	echo ' <a href="'.$url.'"></a>';
	}
	?>

	<?php for( $i=0; $i<3; $i++ ){ ?>

	<div class="box">
	<?php echo $i; ?>
	</div>

	<?php } ?>

	<?php // one more example ?>

	<?php for( $i=1; $i<=3; $i++ ){ ?>

	<div class="box">

	<img src="http://localhost/dynamicphp/assets/img/<?php echo $i; ?>.jpg" alt="">

	<?php echo $i; ?>

	</div>

	<?php } ?>

	</div>
	</div>

	</body>

	</html>