Practica

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

    
  <title>Tabla de Productos</title>
  <?php
    $medidas="50%";

  ?>
  <style>
    table {
      border-collapse: collapse;
      width: <?php echo $medidas; ?>;
    }
    
    th, td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }
  </style>
</head>
<body>
<h2>Tabla de Productos</h2>

  
  <?php
    // Definir el array de productos
    $productos = array(
      array("Producto 1", 10.99, 5, "Imagenes/179743.jpg"),
      array("Producto 2", 5.99, 8, "Imagenes/220097.png"),
      array("Producto 3", 3.49, 12, "Imagenes/430889.jpg"),
      array("Producto 4", 8.99, 3, "Imagenes/467146.jpg"),
      array("Producto 5", 12.99, 10, "Imagenes/Fondo1.jpg")
    );
    // Imprimir tabla
    ?>
    <div class="row">
    <?php
    
    foreach ($productos as $producto) {
    ?>
    <div class="col-12 col-sm-6 col-lg-3 "> 
    <div class="card">
<!-- Contenido de la tarjeta aquí -->
        <div class="card">
            <img src="<?php echo $producto [3]?>" class="card-img-top img-fluid" alt="Imagen de la tarjeta">
        <div class="card-body">
        <h5 class="card-title">
            <?php echo $producto[0]; ?>
        </h5>
        <p class="card-text"><h3>Precio <br><?php echo $producto [1]?></h3> </p>
        <p class="card-text"><h5>Disponibles <br><?php echo $producto [2]?></h5> </p>
        <a href="#" class="btn btn-primary">Botón</a>
        </div>
        </div>
        </div>
    </div>
        
    <?php
      }
    ?>
    </div>


    <?php

    
    // Mostrar la tabla de productos
    echo "<table>";
    echo "<tr><th>Producto</th><th>Precio</th><th>Cantidad</th></tr>";
    
    foreach ($productos as $producto) {
      echo "<tr>";
      echo "<td>" . $producto[0] . "</td>";
      echo "<td>$" . $producto[1] . "</td>";
      echo "<td>" . $producto[2] . "</td>";
      echo "</tr>";
    }
    
    echo "</table>";
  ?>
  
</body>
</html>
Editor is loading...