如何使用jquery动态地将php记录链接到html？

Question

I have to create a dynamic gallery to showing images from database. I'm able to do that in php, but I have problems to showing those data into an HTML page, in particular linking the elements of PHP to relative elements of html page, how I can do?

this is my code

    <?php
        include 'opendb.php';

        $db_selected = mysqli_select_db($conn, $dbname);
        if (!$db_selected) {
           die ('Errore nella selezione del DB: ' . mysql_error());
        }
        echo ($_GET['id']);
        $sql = "SELECT contatore, codiceID, ImmagineFronte, ImmagineRetro   FROM Collezione WHERE contatore = ".$_GET['id']."";
        $result = mysqli_query($conn, $sql) or die ("Errore");
        $row = mysqli_fetch_assoc($result);

        echo 'Contatore: '.$row['contatore'].'<br>';
        echo 'Codice ID: '.$row['codiceID'].'<br>';
        echo '<img src="data:image/jpeg;  base64,'.base64_encode($row['ImmagineFronte'] ).'"/>';
        echo '<img src="data:image/jpeg;base64,'.base64_encode($row['ImmagineRetro'] ).'"/>';

        $contatore = $row['contatore'];
        $codiceID = $row['codiceID'];
        $immaginefronte = $row['ImmagineFronte'];
        echo $codiceID;

    ?>

    

    include 'opendb.php';

    $db_selected = mysqli_select_db($conn, $dbname);
    if (!$db_selected) {
       die ('Errore nella selezione del DB: ' . mysql_error());
    }

    $limit = 5; // Righe da mostrare per pagina
    if (isset($_GET["page"]))
    {$page  = $_GET["page"];} 
    else 
        {$page = 1;};  
    $start_from = ($page - 1) * $limit; // Record da cui partire per mostrare i 20 per pagina
    $sql = "SELECT contatore, titolo, ImmagineFronte FROM Collezione ORDER BY   contatore ASC LIMIT $start_from, ".$limit; // Query per mostrare 20 record  partendo da quello indicato in $start_from
    $result = mysqli_query($conn, $sql) or die ("Errore");
    while($row = mysqli_fetch_array($result)) {

    echo "<a href='showrecord.php?id=".$row["contatore"]."'>"; // Link  con nuova pagina per andare ai dettagli della cartolina
    echo "<br>", ' Contatore: ', $row["contatore"], ' Titolo: ',     $row["titolo"], "<br>";
        echo '<img src="data:image/jpeg;    base64,'.base64_encode($row['ImmagineFronte'] ).'"/>';

    } 

    $sqlcount = "SELECT COUNT(contatore) AS total FROM Collezione"; // Conto       il numero di record nella mia tabella
    $resultcount = mysqli_query($conn, $sqlcount) or die ("Errore Count");
    $rowcount = mysqli_fetch_assoc($resultcount);
    $numrecord = $rowcount["total"]; // Assegno ad una variabile il numero di record della tabella
    $numpages = ceil($numrecord / $limit); // Calcolo quante pagine occorrono per presentare tutti i record

    for ($i = 1; $i <= $numpages; $i++) { // Vengono create le pagine che occorrono per visualizzare tutti i record in base alla divisione che ci serve
    echo "<a href='showpages.php?page=".$i."'>".$i."</a> "; 
    }; 
?>