Как сделать мой PHP-код, отображаться в таблице html?

Question

У меня есть php-код, который отображает имя и номер из базы данных SQL. И у меня таблица html со столбцами Имя и номер. Я хочу, чтобы имя и номер из моей базы данных SQL отображались в таблице HTML.

РНР код

<?php 
$servername = "localhost"; 
$username = "what7aba_wc"; 
$password = "This is my Password"; 
$dbname = "what7aba_wc"; 

// Create connection 
$conn = new mysqli($servername, $username, $password, $dbname); 
// Check connection 
if ($conn->connect_error) { 
    die("Connection failed: " . $conn->connect_error); 
} 

$sql = "SELECT name, number FROM WC"; 
$result = $conn->query($sql); 

if ($result->num_rows > 0) { 
    // output data of each row 
    while($row = $result->fetch_assoc()) { 
     echo "Name" . $row["name"]. "-Number" . $row["number"]. "<br>"; 
    } 
} else { 
    echo "0 results"; 
} 
$conn->close(); 
?> 

HTML-таблица

<table id="table" class="table table-hover table-mc-light-blue"> 
     <thead> 
     <tr> 
      <th>Name</th> 
      <th>Link</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td data-title="Name">Its a Name</td> 
      <td data-title="Number"> 

     </tr> 
     <tr> 
      <td data-title="Name">Its a Name</td> 
      <td data-title="Number"> 

     </tr> 
     </tbody> 
    </table> 

Если это не может произойти. Кто-нибудь скажет мне, как сделать CSS для PHP-файла, приведенного выше.

ОБНОВЛЕНИЕ:

Я пробовал это.

<?php 
$servername = "localhost"; 
$username = "what7aba_wc"; 
$password = "My Password"; 
$dbname = "what7aba_wc"; 

// Create connection 
$conn = new mysqli($servername, $username, $password, $dbname); 
// Check connection 
if ($conn->connect_error) { 
    die("Connection failed: " . $conn->connect_error); 
} 

$sql = "SELECT name, number FROM WC"; 
$result = $conn->query($sql); 

?> 
    <h1>WhatsCast List</h1> 
    <h2>Table of my other Material Design works (list was updated 08.2015)</h2> 

    <div class="table-responsive-vertical shadow-z-1"> 
    <table id="table" class="table table-hover table-mc-light-blue"> 
     <thead> 
     <tr> 
      <th>Name</th> 
      <th>Link</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td data-title="Name"><p><?php echo $row["name"] ?><p></td> 
      <td data-title="Number"><p><?php echo $row["number"] ?></p></td> 
     </tr> 

     </tbody> 
    </table> 
    </div> 

</div> 

Answer 1

HTML

<table id="table" class="table table-hover table-mc-light-blue"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>Link</th> 
    </tr> 
    </thead> 
    <tbody> 
    <?php 
     while($row = $result->fetch_assoc()) { ?> 
    <tr> 
     <td data-title="Name"><?php echo $row["name"]?></td> 
     <td data-title="Number"><?php echo $row["number"] ?></td> 
    </tr> 
    <? } ?> 
    </tbody> 
</table>