-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (166 loc) · 8.66 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<h1 style="background-color: yellow; color:black;"><u>The Peiodic Table</u></h1>
</center>
<center>
<table border="1px" width="900" height="300" style="text-align: center;">
<tr>
<td style="background-color: peru ;">1 <br>H </td>
<td colspan="16" style="empty-cells: hide;"></td>
<td style="background-color: mediumpurple;">2 <br>He </td>
</tr>
<tr>
<td style="background-color: mediumpurple;">3 <br> Li </td>
<td style="background-color: lightblue;" >4 <br> Be </td>
<td colspan="10" style="empty-cells: hide;"></td>
<td style="background-color:burlywood;">5 <br> B </td>
<td style="background-color: linen;">6 <br> C </td>
<td style="background-color: linen;">7 <br> N </td>
<td style="background-color: linen;">8 <br> O </td>
<td style="background-color: wheat;">9 <br> F </td>
<td style="background-color: mediumpurple;">10 <br> Ne </td>
</tr>
<tr>
<td style="background-color: mediumpurple;">11 <br> Na </td>
<td style="background-color:lightblue ;">12 <br> Mg</td>
<td style="empty-cells: hide;" colspan="10"></td>
<td style="background-color: rgb(140, 182, 140);">13 <br> Ai </td>
<td style="background-color: burlywood;">14 <br> Si</td>
<td style="background-color: linen;">15 <br> 33 <br> As</td>
<td style="background-color: linen;">16 <br> s</td>
<td style="background-color: wheat;">17 <br> Ci</td>
<td style="background-color: mediumpurple;">18 <br> Ar</td>
</tr>
<tr>
<td style="background-color: mediumpurple;">19 <br> k</td>
<td style="background-color: lightblue;">20 <br> Ca </td>
<td style="background-color:lightgoldenrodyellow;">21 <br> Sc </td>
<td style="background-color: lightgoldenrodyellow;">22 <br> Ti </td>
<td style="background-color: lightgoldenrodyellow;">23 <br> V</td>
<td style="background-color: lightgoldenrodyellow;">24 <br> Cr</td>
<td style="background-color: lightgoldenrodyellow;">25 <br> Mn</td>
<td bgcolor="lightgoldenrodyellow">26 <br> Fe</td>
<td style="background-color: lightgoldenrodyellow;">27 <br> Co</td>
<td style="background-color: lightgoldenrodyellow;">28 <br> Ni</td>
<td style="background-color: lightgoldenrodyellow;">29 <br> Cu</td>
<td style="background-color: lightgoldenrodyellow;">30 <br> Zn</td>
<td style="background-color:rgb(140, 182, 140) ;">31 <br> Ga</td>
<td style="background-color:burlywood ;">32 <br> Ga</td>
<td style="background-color: burlywood;">51 <br> Sb</td>
<td style="background-color:linen ;">34 <br> Se</td>
<td style="background-color: lightgoldenrodyellow;">35 <br> Br </td>
<td style="background-color:mediumpurple ;">36 <br>Kr</td>
</tr>
<tr>
<td style="background-color: mediumpurple;">37 <br> Rb</td>
<td style="background-color: lightblue;">38 <br> Sr </td>
<td style="background-color: lightgoldenrodyellow;">39 <br> Y</td>
<td style="background-color: lightgoldenrodyellow;">40 <br> Zr</td>
<td style="background-color: lightgoldenrodyellow;">41 <br> Nb</td>
<td style="background-color: lightgoldenrodyellow;">42 <br> Mo</td>
<td style="background-color: lightgoldenrodyellow;"> 43 <br> Tc</td>
<td style="background-color: lightgoldenrodyellow;">44 <br> Ru</td>
<td style="background-color: lightgoldenrodyellow;">45 <br> Rh</td>
<td style="background-color: lightgoldenrodyellow;">46 <br> Pd</td>
<td style="background-color: lightgoldenrodyellow;">47 <br> Ag</td>
<td style="background-color: lightgoldenrodyellow;"> 48 <br> Cd</td>
<td style="background-color: rgb(140, 182, 140);">49 <br> In </td>
<td style="background-color: rgb(140, 182, 140);">50 <br> Sn </td>
<td style="background-color: burlywood;">83 <br> Bi</td>
<td style="background-color: burlywood;">52 <br> Te</td>
<td style="background-color: wheat;">53 <br>I</td>
<td style="background-color: mediumpurple;">54 <br>Xe</td>
</tr>
<tr>
<td style="background-color: mediumpurple;">55 <br> Cs</td>
<td style="background-color: lightblue;"> 56 <br> Ba</td>
<td style="background-color: whitesmoke;">56-71</td>
<td style="background-color: lightgoldenrodyellow;">72 <br>Hf</td>
<td style="background-color: lightgoldenrodyellow;">73 <br>Ta</td>
<td style="background-color: lightgoldenrodyellow;">74 <br>W</td>
<td style="background-color: lightgoldenrodyellow;">75 <br>Re</td>
<td style="background-color: lightgoldenrodyellow;">76 <br>Os</td>
<td style="background-color: lightgoldenrodyellow;">77 <br>Ir</td>
<td style="background-color: lightgoldenrodyellow;">78 <br>Pt</td>
<td style="background-color: lightgoldenrodyellow;">79 <br>Au</td>
<td style="background-color: lightgoldenrodyellow;">80 <br>Hg</td>
<td style="background-color: rgb(140, 182, 140);">13 <br> Ai</td>
<td style="background-color: rgb(140, 182, 140);">82 <br> Pd</td>
<td style="background-color: rgb(140, 182, 140);">83 <br> As</td>
<td style="background-color:burlywood ;">84 <br> Po</td>
<td style="background-color: lightgoldenrodyellow;">85 <br>At</td>
<td style="background-color: mediumpurple;">86 <br> Rn</td>
</tr>
<tr>
<td style="background-color: mediumpurple;">87 <br> Fr</td>
<td style="background-color: lightblue;">88 <br> Ra</td>
<td style="background-color: whitesmoke;">89-103</td>
<td style="background-color: lightgoldenrodyellow;">104 <br> Rf</td>
<td style="background-color: lightgoldenrodyellow;">105 <br> Db</td>
<td style="background-color: lightgoldenrodyellow;">106 <br> Sg</td>
<td style="background-color: lightgoldenrodyellow;">107 <br> Bs</td>
<td style="background-color: lightgoldenrodyellow;">108 <br> Hs</td>
<td style="background-color: lightgoldenrodyellow;">109 <br> Mt</td>
<td style="background-color: lightgoldenrodyellow;">110 <br> Ds</td>
<td style="background-color: lightgoldenrodyellow;">111 <br> Rg</td>
<td style="background-color: lightgoldenrodyellow;">112 <br> Cn</td>
<td style="background-color: rgb(95, 84, 117); color: white;">113 <br> Nh</td>
<td style="background-color: rgb(95, 84, 117); color: white;">114 <br> Fi </td>
<td style="background-color: rgb(95, 84, 117); color: white;">115 <br> Mc</td>
<td style="background-color: rgb(95, 84, 117); color: white;">116 <br> Lv</td>
<td style="background-color: rgb(95, 84, 117); color: white;">117 <br> Ts</td>
<td style="background-color: rgb(95, 84, 117); color: white;">118 <br> Og</td>
</tr>
<tr style="empty-cells: hide;" aria-colspan="19"></tr>
</table>
<br><br>
<table border="1px" width="720" height="50" style="text-align: center;">
<tr>
<td style="background-color: lightgoldenrodyellow;">57 <br>La </td>
<td style="background-color: lightgoldenrodyellow;">58 <br>Ce </td>
<td style="background-color: lightgoldenrodyellow;">59 <br>Pr </td>
<td style="background-color: lightgoldenrodyellow;">60 <br>Nd </td>
<td style="background-color: lightgoldenrodyellow;">61 <br>Pm </td>
<td style="background-color: lightgoldenrodyellow;">62 <br>Sm </td>
<td style="background-color: lightgoldenrodyellow;">63 <br>Eu </td>
<td style="background-color: lightgoldenrodyellow;">64<br>LGd</td>
<td style="background-color: lightgoldenrodyellow;">65 <br>Tb </td>
<td style="background-color: lightgoldenrodyellow;">66 <br>Dy </td>
<td style="background-color: lightgoldenrodyellow;">67 <br>Ho </td>
<td style="background-color: lightgoldenrodyellow;">68 <br>Ar </td>
<td style="background-color: lightgoldenrodyellow;">69 <br>Tm</td>
<td style="background-color: lightgoldenrodyellow;">70 <br>Yb </td>
<td style="background-color: lightgoldenrodyellow;">71 <br>Lu</td>
</tr>
<tr>
<td style="background-color: lightgoldenrodyellow;">89 <br>Ac </td>
<td style="background-color: lightgoldenrodyellow;">90 <br>Th </td>
<td style="background-color: lightgoldenrodyellow;">91 <br>Pa</td>
<td style="background-color: lightgoldenrodyellow;">92<br>u </td>
<td style="background-color: lightgoldenrodyellow;">93 <br>Np </td>
<td style="background-color: lightgoldenrodyellow;">94 <br>Pu </td>
<td style="background-color: lightgoldenrodyellow;">95 <br>Am </td>
<td style="background-color: lightgoldenrodyellow;">96 <br>Km </td>
<td style="background-color: lightgoldenrodyellow;">97 <br>Bk </td>
<td style="background-color: lightgoldenrodyellow;">98 <br>Cf </td>
<td style="background-color: lightgoldenrodyellow;">99 <br>Es </td>
<td style="background-color: lightgoldenrodyellow;">100 <br>Fm </td>
<td style="background-color: lightgoldenrodyellow;">101<br>Md</td>
<td style="background-color: lightgoldenrodyellow;">102<br>No </td>
<td style="background-color: lightgoldenrodyellow;">103<br>Lr </td>
</tr></table>
</center>
<script>
console.log(document.body.childNodes[1].childNodes[1].childNodes[0]);
var change = document.body.childNodes[1].childNodes[1].childNodes[0];
change.textContent = "The Periodic Table"
</script>
</body>
</html>