Récupération de données

structure HTML et mise en forme CSS pour la récupération de données d'une table

HTML

<!doctype html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <link href="styles.css" type="text/css" rel="stylesheet">
  <title>Les bases de données</title>
</head>
<body>
<?php

// 1 - Connexion à la base de données
$mysqli = new mysqli('localhost', 'root', '', 'projet_modeles');

// 2 - Requête SQL
$result = $mysqli->query('SELECT ville_id, ville_nom, population FROM villes');

// 3 - Transformation en array avec fetch_array();
while($row = $result->fetch_array()){

/* Création du nouvel array */
$villes[$row['ville_id']]['nom'] = $row['ville_nom'];
$villes[$row['ville_id']]['population'] = $row['population'];
}
?>
<table border=1>
  <th>Id</th>
  <th>Villes</th>
  <th>Population</th>
  <?php foreach($villes as $id => $ville) : ?>
  <tr>
    <td><?php echo $id ?></td>
    <td><?php echo $ville['nom'] ?></td>
    <td><?php echo $ville['population'] ?></td>
  </tr>
<?php endforeach ?>
</table>

<?php
/* Libération des résultats */
$result->free();

/* Fermeture de la connexion */
$mysqli->close();
?>
</body>
</html>