このSQLDatabaseデータをPHPでスタイル付きテーブルにエコーするにはどうすればよいですか？

Question

私は、SQLデータベースのデータをやや見栄えの良い表にエコーしようとしています。私はすでに5つの別々の基本テーブルにデータを適切にエコーすることができますが、完全に台無しにすることなくスタイルを設定する方法を理解できないときは、上記のコードは私の目標は、最初の期間データベースに保存されている先生方、そして出力同期間を共有し、学生の名前を比較することであるunclear-ある場合/

// OUTPUTS RESULTS // 

$resultfirst = mysql_query("SELECT * FROM Students WHERE FirstPeriod='$_POST[firstperiod]'"); 
$resultsecond = mysql_query("SELECT * FROM Students WHERE SecondPeriod='$_POST[secondperiod]'"); 
$resultthird = mysql_query("SELECT * FROM Students WHERE ThirdPeriod='$_POST[thirdperiod]'"); 
$resultfourth = mysql_query("SELECT * FROM Students WHERE FourthPeriod='$_POST[fourthperiod]'"); 
$resultfifth = mysql_query("SELECT * FROM Students WHERE FifthPeriod='$_POST[fifthperiod]'"); 


// 1st PERIOD 

echo "<table border='1' bgcolor='#3b5998' style='float:left; margin:20'> 
<tr> 
<th>First Period</th> 
</tr>"; 

while($row = mysql_fetch_array($resultfirst)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['StudentName'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 



// 2nd PERIOD 

echo "<table border='1' bgcolor='#3b5998' style='float:left; margin:20'> 
<tr> 
<th>Second Period</th> 
</tr>"; 

while($row = mysql_fetch_array($resultsecond)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['StudentName'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 



// 3rd PERIOD 

echo "<table border='1' bgcolor='#3b5998' style='float:left; margin:20'> 
<tr> 
<th>Third Period</th> 
</tr>"; 

while($row = mysql_fetch_array($resultthird)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['StudentName'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 



// 4th PERIOD 

echo "<table border='1' bgcolor='#3b5998' style='float:left; margin:20'> 
<tr> 
<th>Fourth Period</th> 
</tr>"; 

while($row = mysql_fetch_array($resultfourth)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['StudentName'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 




// 5th PERIOD 

echo "<table border='1' bgcolor='#3b5998' style='float:left; margin:20'> 
<tr> 
<th>Fifth Period</th> 
</tr>"; 

while($row = mysql_fetch_array($resultfifth)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['StudentName'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 

：ここで私は既に持っているコードです。先生。 このコードは正常に動作します。しかし、テーブルは非常に穏やかに見えます。私はこのようなテーブルにデータをエコーし​​たいと思います。

<table width="368" border="0" cellspacing="0" cellpadding="2" align="center" height="100"> 
    <tr valign="middle"> 
     <td bgcolor="#000066" width="120" height="20"> 
     <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Web 
      Services</font></b></font> </div> 
     </td> 
     <td width="4" height="20"></td> 
     <td bgcolor="#990000" width="120" height="20"> 
     <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Web 
      Products</font></b></font></div> 
     </td> 
     <td width="4" height="20"></td> 
     <td bgcolor="#C89800" width="120" height="20"> 
     <div align="center"><font color="#FFFFFF"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Web 
      Resources</font></b></font> </div> 
     </td> 
    </tr> 
    <tr valign="top"> 
     <td bgcolor="#000066" width="120"> 
     <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> 
      <tr bgcolor="#FFFFFF" valign="top"> 
      <td> 
       <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Professional 
       and cost effective web design, development and promotion services 
       </font></p> 
      </td> 
      </tr> 
     </table> 
     </td> 
     <td width="4"></td> 
     <td bgcolor="#990000" width="120"> 
     <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> 
      <tr bgcolor="#FFFFFF" valign="top"> 
      <td> 
       <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Interactive 
       Web Products - Flash Survey, poll, Guest book, Instant Quote 

       </font></p> 
      </td> 
      </tr> 
     </table> 
     </td> 
     <td width="4"></td> 
     <td bgcolor="#C89800" width="120"> 
     <table width="100%" border="0" cellspacing="0" cellpadding="3" height="80"> 
      <tr bgcolor="#FFFFFF" valign="top"> 
      <td> 
       <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Free 
       web resources - articles, tutorials, tips and tricks. 
       </font></p> 
      </td> 
      </tr> 
     </table> 
     </td> 
    </tr> 
    </table> 

誰もがどのような並べ替えの提案を提供することができます - 私は非常に感謝します。私が改善することができるいくつかの領域を参照

Answer 1

：他の人が言ったように

• を、レイアウトを管理するためのテーブルを使用しないでください。ただし、表は表形式のデータを表示するのに完全に許容されます。
• 実際にCSSを使用してページのスタイルを設定すると、スタイルを制御するのがずっと簡単になり、マークアップが読みやすくなります。ここで

（あなたの質問の範囲外であると考えられること、が）あなたがより良いパフォーマンスのために一つにあなたの複数のクエリを組み合わせることができますCSS Tables

にこのW3Schoolsのartcileを参照してくださいするための例のマークアップとCSSであなたのテーブル：http://jsfiddle.net/vxzJV/