Aquí esta un ejemplo de conectar a la base de datos MYSQL y listar datos en PHP7 con Html.
Primero debe crear una tabla llamado product
-- -- Estructura de tabla para la tabla `product` -- CREATE TABLE `product` ( `id` int(11) NOT NULL, `product` varchar(100) COLLATE utf16_spanish2_ci NOT NULL, `price` int(11) NOT NULL, `stock` int(11) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf16 COLLATE=utf16_spanish2_ci;
Y luego insertar datos
--
-- Volcado de datos para la tabla `product`
--
INSERT INTO `product` (`id`, `product`, `price`, `stock`) VALUES
(1, 'Fossil Men\'s Grant Quartz Stainless Steel ', 88, 3),
(2, 'Fossil Men\'s ME3140 Grant Sport Automatic Luggage Leather Watch', 145, 8),
(3, 'Fossil Mens Modern Machine Sport - ME3135', 255, 12),
(4, 'Fossil Men\'s Stainless Steel Mechanical-Hand-Wind ', 124, 8);
Y luego crear un archivo de php.
<div class="container">
<div style="height:50px"></div>
<h1>< tutofox /> <small>Oh my code!</small></h1>
<p class="lead">
<h3>PHP7 Listar</h3>
<p>Aqui esta un ejemplo de listar datos desde la base de datos mysql en PHP7</p>
<input class="form-control col-md-3 light-table-filter" data-table="order-table" type="text" placeholder="Search..">
<hr>
<?php
$enlace = mysqli_connect("localhost", "newuser", "password", "tutofox");
/* comprobar la conexión */
if (mysqli_connect_errno())
{
printf("Falló la conexión: %s\n", mysqli_connect_error());
exit();
}
$consulta = "SELECT * FROM product ORDER by id DESC ";
?>
<table class="table table-bordered order-table ">
<thead>
<tr>
<th>ID</th>
<th>Product</th>
<th>Price</th>
<th>Stock</th>
</tr>
</thead>
<?php if ($resultado = mysqli_query($enlace, $consulta)) { ?>
<?php foreach ($resultado as $value){ ?>
<tr>
<td><?= $value['id']; ?></td>
<td><?= $value['product']; ?></td>
<td><?= $value['price']; ?></td>
<td><?= $value['stock']; ?></td>
</tr>
<?php } ?>
<?php mysqli_free_result($resultado); ?>
<?php }else{ ?>
<tr>
<td colspan="3">No data</td>
</tr>
<?php } ?>
</table>
<?php mysqli_close($enlace); ?>
</div> <!-- /container -->
https://drive.google.com/open?id=1UVf4S_DVtBkIPkOyZv0SyT4eB5HfE_bZ