-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperiodicTable[CSS].html
178 lines (169 loc) · 10.8 KB
/
periodicTable[CSS].html
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 Assignment</title>
</head>
<style>
td {
border: 1px solid;
}
.empty {
border: none;
}
</style>
<body>
<table height="600" width="100%">
<thead>
<tr height="100">
<th align="center" bgcolor="#fff95e" colspan="18"><h1>The Periodic Table</h1></th>
</tr>
</thead>
<tbody>
<tr height="44.44">
<td width="33.33" bgcolor="#fa7e48" align="center">1<br>H</td>
<td class="empty" colspan="1"></td>
<td class="empty" rowspan="3" colspan="10"></td>
<td class="empty" colspan="5"></td>
<td width="33.33" align="center" bgcolor="lightgray">2<br>He</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center" bgcolor="#e66ae2">3<br>Li</td>
<td width="33.33" align="center" bgcolor="#44b9eb">4<br>Be</td>
<td width="33.33" align="center" bgcolor="#a67847">5<br>B</td>
<td width="33.33" align="center" bgcolor="#fa7e48">6<br>C</td>
<td width="33.33" align="center" bgcolor="#fa7e48">7<br>N</td>
<td width="33.33" align="center" bgcolor="#fa7e48">8<br>O</td>
<td width="33.33" align="center" bgcolor="#fff8c7">9<br>F</td>
<td width="33.33" align="center" bgcolor="lightgray">10<br>Ne</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center" bgcolor="#e66ae2">11<br>Na</td>
<td width="33.33" align="center" bgcolor="#44b9eb">12<br>Mg</td>
<td width="33.33" align="center" bgcolor="#84db88">13<br>Al</td>
<td width="33.33" align="center" bgcolor="#a67847">14<br>Si</td>
<td width="33.33" align="center" bgcolor="#fa7e48">15<br>P</td>
<td width="33.33" align="center" bgcolor="#fa7e48">16<br>S</td>
<td width="33.33" align="center" bgcolor="#fff8c7">17<br>Cl</td>
<td width="33.33" align="center" bgcolor="lightgray">18<br>Ar</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center"bgcolor="#e66ae2"> 19<br>K</td>
<td width="33.33"align="center"bgcolor="#44b9eb"> 20<br>Ca</td>
<td width="33.33" align="center"bgcolor="#fae76e">21<br>Sc</td>
<td width="33.33"align="center"bgcolor="#fae76e">22<br>Ti</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 23<br>V</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 24<br>Cr</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 25<br>Mn</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 26<br>Fe</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 27<br>Co</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 28<br>Ni</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 29<br>Cu</td>
<td width="33.33"align="center"bgcolor="#fae76e"> 30<br>Zn</td>
<td width="33.33"align="center" bgcolor="#84db88"> 31<br>Ga</td>
<td width="33.33"align="center"bgcolor="#a67847"> 32<br>Ge</td>
<td width="33.33"align="center"bgcolor="#a67847"> 33<br>As</td>
<td width="33.33"align="center"bgcolor="#fa7e48"> 34<br>Se</td>
<td width="33.33"align="center"bgcolor="#fff8c7"> 35<br>Br</td>
<td width="33.33"align="center"bgcolor="lightgray"> 36<br>Kr</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center"bgcolor="#e66ae2"> 37<br>Rb</td>
<td width="33.33" align="center"bgcolor="#44b9eb"> 38<br>Sr</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 39<br>Y</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 40<br>ZR</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 41<br>Nb</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 42<br>Mo</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 43<br>Tc</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 44<br>Ru</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 45<br>Rh</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 46<br>Pd</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 47<br>Ag</td>
<td width="33.33" align="center"bgcolor="#fae76e"> 48<br>Cd</td>
<td width="33.33" align="center" bgcolor="#84db88"> 49<br>In</td>
<td width="33.33" align="center" bgcolor="#84db88"> 50<br>Sn</td>
<td width="33.33" align="center"bgcolor="#a67847"> 51<br>Sb</td>
<td width="33.33" align="center"bgcolor="#a67847"> 52<br>Te</td>
<td width="33.33" align="center"bgcolor="#fff8c7"> 53<br>I</td>
<td width="33.33" align="center"bgcolor="lightgray"> 54<br>Xe</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center" bgcolor="#e66ae2"> 55<br>Cs</td>
<td width="33.33" align="center" bgcolor="#44b9eb"> 56<br>Ba</td>
<td width="33.33" align="center" colspan="1" bgcolor="#ffefeb">57-71<br></td>
<td width="33.33" align="center" bgcolor="#fae76e"> 72<br>Hf</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 73<br>Ta</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 74<br>W</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 75<br>Re</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 76<br>Os</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 77<br>Ir</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 78<br>Pt</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 79<br>Au</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 80<br>Hg</td>
<td width="33.33" align="center" bgcolor="#84db88"> 81<br>Ti</td>
<td width="33.33" align="center" bgcolor="#84db88"> 82<br>Pb</td>
<td width="33.33" align="center" bgcolor="#84db88"> 83<br>Bi</td>
<td width="33.33" align="center" bgcolor="#a67847"> 84<br>Po</td>
<td width="33.33" align="center" bgcolor="#fff8c7"> 85<br>At</td>
<td width="33.33" align="center" bgcolor="lightgray"> 86<br>Rn</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center" bgcolor="#e66ae2"> 87<br>Fr</td>
<td width="33.33" colspan="1" align="center" bgcolor="#44b9eb"> 88<br>Ra</td>
<td width="33.33" align="center" colspan="1" bgcolor="#ffefeb">89-109<br></td>
<td width="33.33" align="center" bgcolor="#fae76e"> 104<br>Rf</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 105<br>Db</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 106<br>Sg</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 107<br>Bh</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 108<br>Hs</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 109<br>Mt</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 110<br>Ds</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 111<br>Rg</td>
<td width="33.33" align="center" bgcolor="#fae76e"> 112<br>Cn</td>
<td width="33.33" align="center"> 113<br>Nh</td>
<td width="33.33" align="center"> 114<br>Fl</td>
<td width="33.33" align="center"> 115<br>Mc</td>
<td width="33.33" align="center"> 116<br>Lv</td>
<td width="33.33" align="center"> 117<br>Ts</td>
<td width="33.33" align="center"> 118<br>Og</td>
</tr>
<tr height="44.44">
<td width="33.33" class="empty" colspan="2" rowspan="2"></td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 57<br>La</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 58<br>Ce</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 59<br>Pr</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 60<br>Nd</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 61<br>Pm</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 62<br>Sm</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 63<br>Eu</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 64<br>Gd</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 65<br>Tb</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 66<br>Dy</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 67<br>Ho</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 68<br>Er</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 69<br>Tm</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 70<br>Yb</td>
<td width="33.33" colspan="1" align="center" bgcolor="#ffefeb"> 71<br>Lu</td>
</tr>
<tr height="44.44">
<td width="33.33" align="center" bgcolor="#ffefeb"> 89<br>Ac</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 90<br>Th</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 91<br>Pa</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 92<br>U</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 93<br>Np</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 94<br>Pu</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 95<br>Am</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 96<br>Cm</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 97<br>Bk</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 98<br>Cf</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 99<br>Es</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 100<br>Fm</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 101<br>Md</td>
<td width="33.33" align="center" bgcolor="#ffefeb"> 102<br>No</td>
<td width="33.33" colspan="1" align="center" bgcolor="#ffefeb"> 103<br>Lr</td>
</tr>
</tbody>
</table>
</body>
</html>