Skip to content

Commit e342cb8

Browse files
vishwassharvishwasshar
authored
Create index.html
1 parent a35ea5b commit e342cb8

File tree

1 file changed

+215
-0
lines changed

1 file changed

+215
-0
lines changed

‎index.html‎

Lines changed: 215 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,215 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Writting HTML code for periodic table</title>
5+
<style>
6+
.color {
7+
height: 13px;
8+
width: 17px;
9+
}
10+
</style>
11+
</head>
12+
<body bgcolor=" #C6C6C6">
13+
<center><h1>PERIODIC TABLE</h1></center>
14+
<table
15+
border="1"
16+
width="100%"
17+
height="500px "
18+
cellspacing="0"
19+
style="text-align: center; border-top: 0px"
20+
>
21+
<tr>
22+
<td bgcolor="#FF6F55"><sup>1</sup>H</td>
23+
<td colspan="16" style="border: none"></td>
24+
<td bgcolor="#FAFAD2"><sup>2</sup>He</td>
25+
</tr>
26+
<tr>
27+
<td bgcolor="#FAD5A5"><sup>3</sup>Li</td>
28+
<td bgcolor="#FA8933"><sup>4</sup>Be</td>
29+
<td colspan="10" style="border: none"></td>
30+
<td bgcolor="#FF6F55"><sup>5</sup>B</td>
31+
<td bgcolor="#FF6F55"><sup>6</sup>C</td>
32+
<td bgcolor="#FF6F55"><sup>7</sup>N</td>
33+
<td bgcolor="#FF6F55"><sup>8</sup>O</td>
34+
<td bgcolor="#00FF7F"><sup>9</sup>F</td>
35+
<td bgcolor="#FAFAD2"><sup>10</sup>Ne</td>
36+
</tr>
37+
<tr>
38+
<td bgcolor="#FAD5A5"><sup>11</sup>Na</td>
39+
<td bgcolor="#FA8933"><sup>12</sup>Mg</td>
40+
<td colspan="10" style="border: none"></td>
41+
<td bgcolor="#FFB6C1"><sup>13</sup>Al</td>
42+
<td bgcolor="#FF6F55"><sup>14</sup>Si</td>
43+
<td bgcolor="#FF6F55"><sup>15</sup>P</td>
44+
<td bgcolor="#FF6F55"><sup>16</sup>S</td>
45+
<td bgcolor="#00FF7F"><sup>17</sup>Cl</td>
46+
<td bgcolor="#FAFAD2"><sup>18</sup>Ar</td>
47+
</tr>
48+
<tr>
49+
<td bgcolor="#FAD5A5"><sup>19</sup>K</td>
50+
<td bgcolor="#FA8933"><sup>20</sup>Ca</td>
51+
<td bgcolor="#C9CC3F"><sup>21</sup>Sc</td>
52+
<td bgcolor="#5F6FAF"><sup>22</sup>Ti</td>
53+
<td bgcolor="#5F6FAF"><sup>23</sup>V</td>
54+
<td bgcolor="#5F6FAF"><sup>24</sup>Cr</td>
55+
<td bgcolor="#5F6FAF"><sup>25</sup>Mn</td>
56+
<td bgcolor="#5F6FAF"><sup>26</sup>Fe</td>
57+
<td bgcolor="#5F6FAF"><sup>27</sup>Co</td>
58+
<td bgcolor="#5F6FAF"><sup>28</sup>Ni</td>
59+
<td bgcolor="#5F6FAF"><sup>29</sup>Cu</td>
60+
<td bgcolor="#5F6FAF"><sup>30</sup>Zn</td>
61+
<td bgcolor="#FFB6C1"><sup>31</sup>Ga</td>
62+
<td bgcolor="#FFB6C1"><sup>32</sup>Ge</td>
63+
<td bgcolor="#FF6F55"><sup>33</sup>As</td>
64+
<td bgcolor="#FF6F55"><sup>34</sup>Se</td>
65+
<td bgcolor="#00FF7F"><sup>35</sup>Br</td>
66+
<td bgcolor="#FAFAD2"><sup>36</sup>Kr</td>
67+
</tr>
68+
<tr>
69+
<td bgcolor="#FAD5A5"><sup>37</sup>Rb</td>
70+
<td bgcolor="#FA8933"><sup>38</sup>Sr</td>
71+
<td bgcolor="#C9CC3F"><sup>39</sup>Y</td>
72+
<td bgcolor="#5F6FAF"><sup>40</sup>Zr</td>
73+
<td bgcolor="#5F6FAF"><sup>41</sup>Nb</td>
74+
<td bgcolor="#5F6FAF"><sup>42</sup>Mo</td>
75+
<td bgcolor="#5F6FAF"><sup>43</sup>Tc</td>
76+
<td bgcolor="#5F6FAF"><sup>44</sup>Ru</td>
77+
<td bgcolor="#5F6FAF"><sup>45</sup>Rh</td>
78+
<td bgcolor="#5F6FAF"><sup>46</sup>Pd</td>
79+
<td bgcolor="#5F6FAF"><sup>47</sup>Ag</td>
80+
<td bgcolor="#5F6FAF"><sup>48</sup>Cd</td>
81+
<td bgcolor="#FFB6C1"><sup>49</sup>In</td>
82+
<td bgcolor="#FFB6C1"><sup>50</sup>Sn</td>
83+
<td bgcolor="#FFB6C1"><sup>51</sup>Sb</td>
84+
<td bgcolor="#FF6F55"><sup>52</sup>Te</td>
85+
<td bgcolor="#00FF7F"><sup>53</sup>I</td>
86+
<td bgcolor="#FAFAD2"><sup>54</sup>Xe</td>
87+
</tr>
88+
<tr>
89+
<td bgcolor="#FAD5A5"><sup>55</sup>Cs</td>
90+
<td bgcolor="#FA8933"><sup>56</sup>Ba</td>
91+
<td bgcolor="#C9CC3F"><sup>57</sup>La</td>
92+
<td bgcolor="#5F6FAF"><sup>72</sup>Hf</td>
93+
<td bgcolor="#5F6FAF"><sup>73</sup>Ta</td>
94+
<td bgcolor="#5F6FAF"><sup>74</sup>W</td>
95+
<td bgcolor="#5F6FAF"><sup>75</sup>Re</td>
96+
<td bgcolor="#5F6FAF"><sup>76</sup>Os</td>
97+
<td bgcolor="#5F6FAF"><sup>77</sup>Ir</td>
98+
<td bgcolor="#5F6FAF"><sup>78</sup>Pt</td>
99+
<td bgcolor="#5F6FAF"><sup>79</sup>Au</td>
100+
<td bgcolor="#5F6FAF"><sup>80</sup>Hg</td>
101+
<td bgcolor="#FFB6C1"><sup>81</sup>Ti</td>
102+
<td bgcolor="#FFB6C1"><sup>82</sup>Pb</td>
103+
<td bgcolor="#FFB6C1"><sup>83</sup>Bi</td>
104+
<td bgcolor="#FFB6C1"><sup>84</sup>Po</td>
105+
<td bgcolor="#00FF7F"><sup>85</sup>At</td>
106+
<td bgcolor="#FAFAD2"><sup>86</sup>Rn</td>
107+
</tr>
108+
<tr>
109+
<td bgcolor="#FAD5A5"><sup>87</sup>Fr</td>
110+
<td bgcolor="#FA8933"><sup>88</sup>Ra</td>
111+
<td bgcolor="#AACCFF"><sup>89</sup>Ac</td>
112+
<td bgcolor="#5F6FAF"><sup>104</sup>Rf</td>
113+
<td bgcolor="#5F6FAF"><sup>105</sup>Db</td>
114+
<td bgcolor="#5F6FAF"><sup>106</sup>Sg</td>
115+
<td bgcolor="#5F6FAF"><sup>107</sup>Bh</td>
116+
<td bgcolor="#5F6FAF"><sup>108</sup>Hs</td>
117+
<td bgcolor="#5F6FAF"><sup>109</sup>Mt</td>
118+
<td bgcolor="#5F6FAF"><sup>110</sup>Ds</td>
119+
<td bgcolor="#5F6FAF"><sup>111</sup>Rg</td>
120+
<td bgcolor="#5F6FAF"><sup>112</sup>Cn</td>
121+
<td bgcolor="#FFB6C1"><sup>113</sup>Nh</td>
122+
<td bgcolor="#FFB6C1"><sup>114</sup>Fl</td>
123+
<td bgcolor="#FFB6C1"><sup>115</sup>Mc</td>
124+
<td bgcolor="#FFB6C1"><sup>116</sup>Lv</td>
125+
<td bgcolor="#00FF7F"><sup>117</sup>Ts</td>
126+
<td bgcolor="#FAFAD2"><sup>118</sup>Og</td>
127+
</tr>
128+
</table>
129+
130+
<table
131+
align="right"
132+
border="1"
133+
width="77%"
134+
height="140px "
135+
cellspacing="0"
136+
style="text-align: center; margin: 5.3vw"
137+
>
138+
<tr>
139+
<td bgcolor="#C9CC3F"><sup>58</sup>Ce</td>
140+
<td bgcolor="#C9CC3F"><sup>59</sup>Pr</td>
141+
<td bgcolor="#C9CC3F"><sup>60</sup>Nd</td>
142+
<td bgcolor="#C9CC3F"><sup>61</sup>Pm</td>
143+
<td bgcolor="#C9CC3F"><sup>62</sup>Sm</td>
144+
<td bgcolor="#C9CC3F"><sup>63</sup>Eu</td>
145+
<td bgcolor="#C9CC3F"><sup>64</sup>Gd</td>
146+
<td bgcolor="#C9CC3F"><sup>65</sup>Tb</td>
147+
<td bgcolor="#C9CC3F"><sup>66</sup>Dy</td>
148+
<td bgcolor="#C9CC3F"><sup>67</sup>Ho</td>
149+
<td bgcolor="#C9CC3F"><sup>68</sup>Er</td>
150+
<td bgcolor="#C9CC3F"><sup>69</sup>Tm</td>
151+
<td bgcolor="#C9CC3F"><sup>70</sup>Yb</td>
152+
<td bgcolor="#C9CC3F"><sup>71</sup>Lu</td>
153+
</tr>
154+
<tr>
155+
<td bgcolor="#AACCFF"><sup>90</sup>Th</td>
156+
<td bgcolor="#AACCFF"><sup>91</sup>Pa</td>
157+
<td bgcolor="#AACCFF"><sup>92</sup>U</td>
158+
<td bgcolor="#AACCFF"><sup>93</sup>Np</td>
159+
<td bgcolor="#AACCFF"><sup>94</sup>Pu</td>
160+
<td bgcolor="#AACCFF"><sup>95</sup>Am</td>
161+
<td bgcolor="#AACCFF"><sup>96</sup>Cm</td>
162+
<td bgcolor="#AACCFF"><sup>97</sup>Bk</td>
163+
<td bgcolor="#AACCFF"><sup>98</sup>Cf</td>
164+
<td bgcolor="#AACCFF"><sup>99</sup>Es</td>
165+
<td bgcolor="#AACCFF"><sup>100</sup>Fm</td>
166+
<td bgcolor="#AACCFF"><sup>101</sup>Md</td>
167+
<td bgcolor="#AACCFF"><sup>102</sup>No</td>
168+
<td bgcolor="#AACCFF"><sup>103</sup>Lr</td>
169+
</tr>
170+
</table>
171+
172+
<table
173+
border="1"
174+
height="140px "
175+
cellspacing="10"
176+
style="text-align: center; margin: 5.3vw"
177+
bgcolor="whitesmoke"
178+
>
179+
<caption>
180+
<big>Color code:</big>
181+
</caption>
182+
<tr>
183+
<td class="color" bgcolor="#FAD5A5"></td>
184+
<td>Alkali metals</td>
185+
<td class="color" bgcolor="#00FF7F"></td>
186+
<td>Halogens</td>
187+
</tr>
188+
<tr>
189+
<td class="color" bgcolor="#FA8933"></td>
190+
<td>Alkaline-earth metals</td>
191+
<td class="color" bgcolor="#FAFAD2"></td>
192+
<td>Noble gases</td>
193+
</tr>
194+
<tr>
195+
<td class="color" bgcolor="#5F6FAF"></td>
196+
<td>Transition metals</td>
197+
<td class="color" bgcolor="#C9CC3F" rowspan="2"></td>
198+
<td rowspan="2">
199+
Rare-earth elements (21,39,57-71) <br />
200+
and lanthanoid elements(57-71 only)
201+
</td>
202+
</tr>
203+
<tr>
204+
<td class="color" bgcolor="#FFB6C1"></td>
205+
<td>Other metals</td>
206+
</tr>
207+
<tr>
208+
<td class="color" bgcolor="#FF6F55"></td>
209+
<td>Other nonmetals</td>
210+
<td class="color" bgcolor="#AACCFF"></td>
211+
<td>Actinoid elements</td>
212+
</tr>
213+
</table>
214+
</body>
215+
</html>

0 commit comments

Comments
 (0)