ตารางธาตุพร้อมชื่อและน้ำหนักอะตอมเล็ก

นี่คือตารางธาตุพร้อมชื่อและน้ำหนักอะตอมเล็ก
<table border="0" cellpadding="0" cellspacing="1" bordercolor="#ffffff" style="width: 100%;">
 <tr align="center">
 <th>หมู่</th>
 <th>1</th>
 <th>2</th>
 <th>3</th>
 <th>4</th>
 <th>5</th>
 <th>6</th>
 <th>7</th>
 <th>8</th>
 <th>9</th>
 <th>10</th>
 <th>11</th>
 <th>12</th>
 <th>13</th>
 <th>14</th>
 <th>15</th>
 <th>16</th>
 <th>17</th>
 <th>18</th>
 </tr>
 <tr align="center">
 <td> </td>
 <th>I</th>
 <th>II</th>
 <td style="vertical-align: top;" colspan="10"> </td>
 <th>III</th>
 <th>IV</th>
 <th>V</th>
 <th>VI</th>
 <th>VII</th>
 <th>VIII</th>
 </tr>
 <tr align="center">
 <th>คาบ</th>
 <td colspan="18"> </td>
 </tr>
 <tr align="center">
 <th>1</th>
 <td style="background: rgb(160, 255, 160);"><br>1<br> H<br> </td>
 <td colspan="16"> </td>
 <td style="background: rgb(192, 255, 255);"><br>2<br> He<br> </td>
 </tr>
 <tr align="center">
 <th>2</th>
 <td style="background: rgb(255, 102, 102);"><br>3<br> Li<br> </td>
 <td style="background: rgb(255, 222, 173);"><br>4<br> Be<br> </td>
 <td style="vertical-align: top;" colspan="10"> </td>
 <td style="background: rgb(204, 204, 153);"><br>5<br> B<br> </td>
 <td style="background: rgb(160, 255, 160);"><br>6<br> C<br> </td>
 <td style="background: rgb(160, 255, 160);"><br>7<br> N<br> </td>
 <td style="background: rgb(160, 255, 160);"><br>8<br> O<br> </td>
 <td style="background: rgb(255, 255, 153);"><br>9<br> F<br> </td>
 <td style="background: rgb(192, 255, 255);"><br>10<br> Ne<br> </td>
 </tr>
 <tr align="center">
 <th>3</th>
 <td style="background: rgb(255, 102, 102);"><br>11<br> Na<br> </td>
 <td style="background: rgb(255, 222, 173);"><br>12<br> Mg<br> </td>
 <td style="vertical-align: top;" colspan="10"> </td>
 <td style="background: rgb(204, 204, 204);"><br>13<br> Al<br> </td>
 <td style="background: rgb(204, 204, 153);"><br>14<br> Si<br> </td>
 <td style="background: rgb(160, 255, 160);"><br>15<br> P<br> </td>
 <td style="background: rgb(160, 255, 160);"><br>16<br> S<br> </td>
 <td style="background: rgb(255, 255, 153);"><br>17<br> Cl<br> </td>
 <td style="background: rgb(192, 255, 255);"><br>18<br> Ar<br> </td>
 </tr>
 <tr align="center">
 <th>4</th>
 <td style="background: rgb(255, 102, 102);"><br>19<br> K<br> </td>
 <td style="background: rgb(255, 222, 173);"><br>20<br> Ca<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>21<br> Sc<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>22<br> Ti<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>23<br> V<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>24<br> Cr<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>25<br> Mn<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>26<br> Fe<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>27<br> Co<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>28<br> Ni<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>29<br> Cu<br> </td>
 <td style="background: rgb(255, 192, 192);"><br>30<br> Zn<br> </td>
 <td style="background: rgb(204, 204, 204);"><br>31<br> Ga<br> </td>
 <td style="background: rgb(204, 204, 153);"><br>32<br> Ge<br> </td>
 <td style="background: rgb(204, 204, 153);"><br>33<br> As<br> 
<table align="center">
<tr>
 <td bgcolor="#FF6666">โลหะแอลคาไล</td>
 <td bgcolor="#FFDEAD">โลหะแอลคาไลน์เอิร์ท</td>
 <td bgcolor="#ffbfff">แลนทาไนด์</td>
 <td bgcolor="#ff99cc">แอกทิไนด์</td>
 <td bgcolor="#ffc0c0">โลหะทรานซิชัน</td>
</tr>
<tr>
 <td bgcolor="#CCCCCC">โลหะหลังทรานซิชัน</td>
 <td bgcolor="#CCCC99">ธาตุกึ่งโลหะ</td>
 <td bgcolor="#a0ffa0">อโลหะ</td>
 <td bgcolor="#ffff99">แฮโลเจน</td>
 <td bgcolor="#c0ffff">แก๊สเฉื่อย</td>
</tr>
</table>