Hi All!!

Here’s a Periodic table written entirely using HTML showing the best use of the language.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

<html>

<head>

<title>Periodic Table</title>

</head>

<body>

<div align= ‘center’>

<h1> Periodic Table</h1>

<table cellpadding=’6′ >

<tr>

<td height=30 width=25 bgcolor=”#33FF99″><font size=1>1</font><br><div align=”center”><font color=”blue”>H</font></div></td>

<td colspan=16></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>2</font><br><div align=”center”><font color=”blue”>He</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>3</font><br><div align=”center”>Li</div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>4</font><br><div align=”center”>BE</div></td>

<td rowspan=2 colspan=10></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>5</font><br><div align=”center”>B</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>6</font><br><div align=”center”>C</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>7</font><br><div align=”center”><font color=”blue”>N</font></div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>8</font><br><div align=”center”><font color=”blue”>O</font></div></td>

<td height=30 width=25 bgcolor=”#FFFF99″><font size=1>9</font><br><div align=”center”><font color=”blue”>F</font></div></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>10</font><br><div align=”center”><font color=”blue”>Ne</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>11</font><br><div align=”center”>Na</div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>12</font><br><div align=”center”>Mg</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>13</font><br><div align=”center”>Al</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>14</font><br><div align=”center”>Si</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>15</font><br><div align=”center”>P</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>16</font><br><div align=”center”>S</div></td>

<td height=30 width=25 bgcolor=”#FFFF99″><font size=1>17</font><br><div align=”center”><font color=”blue”>Cl</font></div></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>18</font><br><div align=”center”><font color=”blue”>Ar</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>19</font><br><div align=”center”>K</div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>20</font><br><div align=”center”>Ca</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>21</font><br><div align=”center”>Sc</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>22</font><br><div align=”center”>Ti</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>23</font><br><div align=”center”>V</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>24</font><br><div align=”center”>Cr</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>25</font><br><div align=”center”>Mn</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>26</font><br><div align=”center”>Fe</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>27</font><br><div align=”center”>Co</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>28</font><br><div align=”center”>Ni</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>29</font><br><div align=”center”>Cu</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>30</font><br><div align=”center”>Zn</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>31</font><br><div align=”center”>Ga</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>32</font><br><div align=”center”>Ge</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>33</font><br><div align=”center”>As</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>34</font><br><div align=”center”>Se</div></td>

<td height=30 width=25 bgcolor=”#FFFF99″><font size=1>35</font><br><div align=”center”><font color=”red”>Br</font></div></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>36</font><br><div align=”center”><font color=”blue”>Kr</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>37</font><br><div align=”center”>Rb</div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>38</font><br><div align=”center”>Sr</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>39</font><br><div align=”center”>Y</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>40</font><br><div align=”center”>Zr</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>41</font><br><div align=”center”>Nb</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>42</font><br><div align=”center”>Mo</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>43</font><br><div align=”center”><font color=”#CCCCCC”>Tc</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>44</font><br><div align=”center”>Ru</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>45</font><br><div align=”center”>Rh</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>46</font><br><div align=”center”>Pd</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>47</font><br><div align=”center”>Ag</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>48</font><br><div align=”center”>Cd</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>49</font><br><div align=”center”>In</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>50</font><br><div align=”center”>Sn</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>51</font><br><div align=”center”>Sb</div></td>

<td height=30 width=25 bgcolor=”#33FF66″><font size=1>52</font><br><div align=”center”>Te</div></td>

<td height=30 width=25 bgcolor=”#FFFF99″><font size=1>53</font><br><div align=”center”>I</div></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>54</font><br><div align=”center”><font color=”blue”>Xe</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>55</font><br><div align=”center”><font color=”red”>Cs</font></div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>56</font><br><div align=”center”>Ba</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>57</font><br><div align=”center”>*La</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>72</font><br><div align=”center”>Hf</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>73</font><br><div align=”center”>Ta</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>74</font><br><div align=”center”>W</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>75</font><br><div align=”center”>Re</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>76</font><br><div align=”center”>Os</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>77</font><br><div align=”center”>Ir</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>78</font><br><div align=”center”>Pt</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>79</font><br><div align=”center”>Au</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>80</font><br><div align=”center”><font color=”red”>Hg</font></div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>81</font><br><div align=”center”>Ti</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>82</font><br><div align=”center”>Pb</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>83</font><br><div align=”center”>Bi</div></td>

<td height=30 width=25 bgcolor=”#CC0099″><font size=1>84</font><br><div align=”center”>Po</div></td>

<td height=30 width=25 bgcolor=”#FFFF99″><font size=1>85</font><br><div align=”center”>At</div></td>

<td height=30 width=25 bgcolor=”#FF9966″><font size=1>86</font><br><div align=”center”><font color=”blue”>Rn</font></div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#FFCC00″><font size=1>87</font><br><div align=”center”><font color=”red”>Fr</font></div></td>

<td height=30 width=25 bgcolor=”#99FFFF”><font size=1>88</font><br><div align=”center”>Ra</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>89</font><br><div align=”center”>+Ac</div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>104</font><br><div align=”center”><font color=”#CCCCCC”>Rf</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>105</font><br><div align=”center”><font color=”#CCCCCC”>Ha</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>106</font><br><div align=”center”><font color=”#CCCCCC”>106</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>107</font><br><div align=”center”><font color=”#CCCCCC”>107</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>108</font><br><div align=”center”><font color=”#CCCCCC”>108</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>109</font><br><div align=”center”><font color=”#CCCCCC”>109</font></div></td>

<td height=30 width=25 bgcolor=”#6666FF”><font size=1>110</font><br><div align=”center”><font color=”#CCCCCC”>110</font></div></td>

</tr>

</table>

<br>

* Lanthanide Series  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ Actinide Series

<br><br><br>

<table cellpadding=’6′>

<tr>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>58</font><br><div align=”center”>Ce</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>59</font><br><div align=”center”>Pr</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>60</font><br><div align=”center”>Nd</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>61</font><br><div align=”center”><font color=”#CCCCCC”>Pm</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>62</font><br><div align=”center”>Sm</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>63</font><br><div align=”center”>Eu</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>64</font><br><div align=”center”>Gd</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>65</font><br><div align=”center”>Tb</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>66</font><br><div align=”center”>Dy</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>67</font><br><div align=”center”>Ho</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>68</font><br><div align=”center”>Er</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>69</font><br><div align=”center”>Tm</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>70</font><br><div align=”center”>Yb</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>71</font><br><div align=”center”>Lu</div></td>

</tr>

<tr>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>90</font><br><div align=”center”>Th</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>91</font><br><div align=”center”>Pa</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>92</font><br><div align=”center”>U</div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>93</font><br><div align=”center”><font color=”#CCCCCC”>Np</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>94</font><br><div align=”center”><font color=”#CCCCCC”>Pu</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>95</font><br><div align=”center”><font color=”#CCCCCC”>Am</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>96</font><br><div align=”center”><font color=”#CCCCCC”>Cm</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>97</font><br><div align=”center”><font color=”#CCCCCC”>Bk</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>98</font><br><div align=”center”><font color=”#CCCCCC”>Cf</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>99</font><br><div align=”center”><font color=”#CCCCCC”>Es</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>100</font><br><div align=”center”><font color=”#CCCCCC”>Fm</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>101</font><br><div align=”center”><font color=”#CCCCCC”>Md</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>102</font><br><div align=”center”><font color=”#CCCCCC”>No</font></div></td>

<td height=30 width=25 bgcolor=”#33CCCC”><font size=1>103</font><br><div align=”center”><font color=”#CCCCCC”>Lr</font></div></td>

</tr>

</table>

<br>

<table>

<tr>

<th><div align=”center”><font color=”#9900CC”>H-gas</font></div></th>

<th><div align=”center”><font color=”black”>Li-solid</font></div></th>

<th><div align=”center”><font color=”red”>Br-liquid</font></div></th>

<th><div align=”center”><font color=”#CCCCCC”>Tc-synthetic</font></div></th>

</tr>

<tr>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#33FF99″>&nbsp;</td>

<td><div align=”center”>Non-Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#6666FF”>&nbsp;</td>

<td><div align=”center”>Transitions Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#33CCCC”>&nbsp;</td>

<td><div align=”center”>Rare Earth Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#FFFF99″>&nbsp;</td>

<td><div align=”center”>Halogens</div></td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#FFCC00″>&nbsp;</td>

<td><div align=”center”>Alkali Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#99FFFF”>&nbsp;</td>

<td><div align=”center”>Alkali Earth Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td height=25 width=25 bgcolor=”#CC0099″>&nbsp;</td>

<td><div align=”center”>Other Metals</div></td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td width=”25″ height=”25″ bgcolor=”#FF9966″>&nbsp;</td>

<td><div align=”center”>Inert Elements</div></td>

</tr>

</table>

</td>

</tr>

</table>

</div>

<br/>

<hr/><br/><br/>

</body>

</html>

Screenshot

Just saw this one

Facebook’s Zuckerberg is Time’s Person of the Year

Congrats to Mark Zuckerberg. He really deserve to become Time’s Person of the Year 2010. 😀

This one’s great actually
India now third biggest internet user

Advertisements