-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
178 lines (166 loc) · 8.54 KB
/
index.html
File metadata and controls
178 lines (166 loc) · 8.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Periodic Table</title>
<style>
h1{
padding: 20px;
background: yellow;
}
table tr{
empty-cells: hide;
}
</style>
</head>
<body>
<center><h1>The Periodic Table</h1></center>
<br><br>
<table cellpadding="15" align="center">
<tr>
<td align="center" bgcolor="#ff9999">1<br>H</td>
<td colspan="16"></td>
<td align="center" bgcolor="#eeeeee">2<br>He</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">3<br>Li</td>
<td align="center" bgcolor="#99ff99">4<br>Be</td>
<td colspan="10"></td>
<td align="center" bgcolor="#ffcc99">5<br>B</td>
<td align="center" bgcolor="#ff9999">6<br>C</td>
<td align="center" bgcolor="#ff9999">7<br>N</td>
<td align="center" bgcolor="#ff9999">8<br>O</td>
<td align="center" bgcolor="#cc99ff">9<br>F</td>
<td align="center" bgcolor="#eeeeee">10<br>Ne</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">11<br>Na</td>
<td align="center" bgcolor="#99ff99">12<br>Mg</td>
<td colspan="10"></td>
<td align="center" bgcolor="#ffcc99">13<br>Al</td>
<td align="center" bgcolor="#ffcc99">14<br>Si</td>
<td align="center" bgcolor="#ff9999">15<br>P</td>
<td align="center" bgcolor="#ff9999">16<br>S</td>
<td align="center" bgcolor="#cc99ff">17<br>Cl</td>
<td align="center" bgcolor="#eeeeee">18<br>Ar</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">19<br>K</td>
<td align="center" bgcolor="#99ff99">20<br>Ca</td>
<td align="center" bgcolor="#ffff99">21<br>Sc</td>
<td align="center" bgcolor="#ffff99">22<br>Ti</td>
<td align="center" bgcolor="#ffff99">23<br>V</td>
<td align="center" bgcolor="#ffff99">24<br>Cr</td>
<td align="center" bgcolor="#ffff99">25<br>Mn</td>
<td align="center" bgcolor="#ffff99">26<br>Fe</td>
<td align="center" bgcolor="#ffff99">27<br>Co</td>
<td align="center" bgcolor="#ffff99">28<br>Ni</td>
<td align="center" bgcolor="#ffff99">29<br>Cu</td>
<td align="center" bgcolor="#ffff99">30<br>Zn</td>
<td align="center" bgcolor="#ffcc99">31<br>Ga</td>
<td align="center" bgcolor="#ffcc99">32<br>Ge</td>
<td align="center" bgcolor="#ffcc99">33<br>As</td>
<td align="center" bgcolor="#ff9999">34<br>Se</td>
<td align="center" bgcolor="#cc99ff">35<br>Br</td>
<td align="center" bgcolor="#eeeeee">36<br>Kr</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">37<br>Rb</td>
<td align="center" bgcolor="#99ff99">38<br>Sr</td>
<td align="center" bgcolor="#ffff99">39<br>Y</td>
<td align="center" bgcolor="#ffff99">40<br>Zr</td>
<td align="center" bgcolor="#ffff99">41<br>Nb</td>
<td align="center" bgcolor="#ffff99">42<br>Mo</td>
<td align="center" bgcolor="#ffff99">43<br>Tc</td>
<td align="center" bgcolor="#ffff99">44<br>Ru</td>
<td align="center" bgcolor="#ffff99">45<br>Rh</td>
<td align="center" bgcolor="#ffff99">46<br>Pd</td>
<td align="center" bgcolor="#ffff99">47<br>Ag</td>
<td align="center" bgcolor="#ffff99">48<br>Cd</td>
<td align="center" bgcolor="#ffcc99">49<br>In</td>
<td align="center" bgcolor="#ffcc99">50<br>Sn</td>
<td align="center" bgcolor="#ffcc99">51<br>Sb</td>
<td align="center" bgcolor="#ffcc99">52<br>Te</td>
<td align="center" bgcolor="#cc99ff">53<br>I</td>
<td align="center" bgcolor="#eeeeee">54<br>Xe</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">55<br>Cs</td>
<td align="center" bgcolor="#99ff99">56<br>Ba</td>
<td align="center" bgcolor="#ccccff">57<br>La</td>
<td align="center" bgcolor="#ffff99">72<br>Hf</td>
<td align="center" bgcolor="#ffff99">73<br>Ta</td>
<td align="center" bgcolor="#ffff99">74<br>W</td>
<td align="center" bgcolor="#ffff99">75<br>Re</td>
<td align="center" bgcolor="#ffff99">76<br>Os</td>
<td align="center" bgcolor="#ffff99">77<br>Ir</td>
<td align="center" bgcolor="#ffff99">78<br>Pt</td>
<td align="center" bgcolor="#ffff99">79<br>Au</td>
<td align="center" bgcolor="#ffff99">80<br>Hg</td>
<td align="center" bgcolor="#ffcc99">81<br>Tl</td>
<td align="center" bgcolor="#ffcc99">82<br>Pb</td>
<td align="center" bgcolor="#ffcc99">83<br>Bi</td>
<td align="center" bgcolor="#ffcc99">84<br>Po</td>
<td align="center" bgcolor="#cc99ff">85<br>At</td>
<td align="center" bgcolor="#eeeeee">86<br>Rn</td>
</tr>
<tr>
<td align="center" bgcolor="#99ccff">87<br>Fr</td>
<td align="center" bgcolor="#99ff99">88<br>Ra</td>
<td align="center" bgcolor="#ccffcc">89<br>Ac</td>
<td align="center" bgcolor="#ffff99">104<br>Rf</td>
<td align="center" bgcolor="#ffff99">105<br>Db</td>
<td align="center" bgcolor="#ffff99">106<br>Sg</td>
<td align="center" bgcolor="#ffff99">107<br>Bh</td>
<td align="center" bgcolor="#ffff99">108<br>Hs</td>
<td align="center" bgcolor="#ffff99">109<br>Mt</td>
<td align="center" bgcolor="#ffff99">110<br>Ds</td>
<td align="center" bgcolor="#ffff99">111<br>Rg</td>
<td align="center" bgcolor="#ffff99">112<br>Cn</td>
<td align="center" bgcolor="#ffcc99">113<br>Nh</td>
<td align="center" bgcolor="#ffcc99">114<br>Fl</td>
<td align="center" bgcolor="#ffcc99">115<br>Mc</td>
<td align="center" bgcolor="#ffcc99">116<br>Lv</td>
<td align="center" bgcolor="#cc99ff">117<br>Ts</td>
<td align="center" bgcolor="#eeeeee">118<br>Og</td>
</tr>
<tr>
<td colspan="2"></td>
<td align="center" bgcolor="lightblue">57<br>La</td>
<td align="center" bgcolor="lightblue">58<br>Ce</td>
<td align="center" bgcolor="lightblue">59<br>Pr</td>
<td align="center" bgcolor="lightblue">60<br>Nd</td>
<td align="center" bgcolor="lightblue">61<br>Pm</td>
<td align="center" bgcolor="lightblue">62<br>Sm</td>
<td align="center" bgcolor="lightblue">63<br>Eu</td>
<td align="center" bgcolor="lightblue">64<br>Gd</td>
<td align="center" bgcolor="lightblue">65<br>Tb</td>
<td align="center" bgcolor="lightblue">66<br>Dy</td>
<td align="center" bgcolor="lightblue">67<br>Ho</td>
<td align="center" bgcolor="lightblue">68<br>Er</td>
<td align="center" bgcolor="lightblue">69<br>Tm</td>
<td align="center" bgcolor="lightblue">70<br>Yb</td>
<td align="center" bgcolor="lightblue">71<br>Lu</td>
</tr>
<tr>
<td colspan="2"></td>
<td align="center" bgcolor="lightgreen">89<br>Ac</td>
<td align="center" bgcolor="lightgreen">90<br>Th</td>
<td align="center" bgcolor="lightgreen">91<br>Pa</td>
<td align="center" bgcolor="lightgreen">92<br>U</td>
<td align="center" bgcolor="lightgreen">93<br>Np</td>
<td align="center" bgcolor="lightgreen">94<br>Pu</td>
<td align="center" bgcolor="lightgreen">95<br>Am</td>
<td align="center" bgcolor="lightgreen">96<br>Cm</td>
<td align="center" bgcolor="lightgreen">97<br>Bk</td>
<td align="center" bgcolor="lightgreen">98<br>Cf</td>
<td align="center" bgcolor="lightgreen">99<br>Es</td>
<td align="center" bgcolor="lightgreen">100<br>Fm</td>
<td align="center" bgcolor="lightgreen">101<br>Md</td>
<td align="center" bgcolor="lightgreen">102<br>No</td>
<td align="center" bgcolor="lightgreen">103<br>Lr</td>
</tr>
</table>
</body>
</html>