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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<link rel="icon" href="/assets/images/master.png">
<title>Al Azhar 9th Grade Lesson Notes</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
</head>
<body>
<a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i
class="fa-solid fa-bars"></i></a>
<a href="../" class="fixed-top-btn back-btn" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
<div id="console"></div>
<div id="sidebar">
<a href="/index.html">
<img src="/assets/images/master.png" alt="" class="sidebar-logo">
</a>
<h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
<hr class="divider">
<a href="/about/author.html" class="sidebar-link link">About the Author</a>
<a href="/about/school.html" class="sidebar-link link">About School</a>
<a href="/lessons" class="sidebar-link link">Lessons</a>
<hr class="divider">
<div id="toc">
<h4>Table of Contents</h4>
</div>
</div>
<div class="banner-container" id="banner">
<div class="banner-bg" id="img-supplies"></div>
<h1 class="banner-text" id="banner-txt">Electron Configuration</h1>
</div>
<div id="main">
<section>
<h1 id="electron-config">Electron Configuration</h1>
<div class="flex flex-center">
<img src="/assets/images/atoms/electron_configuration.svg" alt="">
</div>
<h2 id="electron-config--max-electron">Sub-Shell and Maximum Electron</h2>
<table>
<tr>
<th>Sub-Shell</th>
<th>Maximum Electron</th>
</tr>
<tr>
<td>s</td>
<td>2</td>
</tr>
<tr>
<td>p</td>
<td>6</td>
</tr>
<tr>
<td>d</td>
<td>10</td>
</tr>
<tr>
<td>f</td>
<td>14</td>
</tr>
</table>
<h2 id="electron-config--how-to-read">How to Read / Order</h2>
<ol>
<li>Start from the top-most arrow</li>
<li>Follow the direction of the arrow. For example;</li>
<ol>
<li>1s, 2s, 2p, 3s</li>
</ol>
<li>Exponent the electron with maximum number of sub-shell until the total of exponents is equals to
Atom Number.</li>
<li>If the total is more than Atom Number, subtract the the last electron's exponent to make the total
equals to the atom number.</li>
</ol>
<h2 id="electron-config--examples">Examples</h2>
<div class="flex flex-center" style="width: 100%;">
<div class="flex column">
<img src="/assets/images/atoms/magnesium_symbol.svg" alt=""
style="max-width: 200px !important; margin: 20px;">
<span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>2</sup></span>
</div>
<div class="flex column" style="padding-left: 30px;">
<img src="/assets/images/atoms/lead_symbol.svg" alt=""
style="max-width: 200px !important; margin: 20px;">
<span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>6</sup>,
4s<sup>2</sup>, 3d<sup>10</sup>, 4p<sup>3</sup></span>
</div>
</div>
<h1 id="electron-config-based-on-shell">Electron Configuration Based on Shell</h1>
<div class="flex flex-center">
<img src="/assets/images/atoms/oxygen.svg" alt="" style="max-width: 300px;">
</div>
<p class="subtitle">an atom figure with shell labels (Oxygen)</p>
<h2 id="electron-config-based-on-shell--max">Maximum Electron</h2>
<table>
<tr>
<th>Shell</th>
<th>Maximum Electron</th>
</tr>
<tr>
<td>K</td>
<td>2</td>
</tr>
<tr>
<td>L</td>
<td>8</td>
</tr>
<tr>
<td>M</td>
<td>18</td>
</tr>
<tr>
<td>N</td>
<td>32</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>
<h2 id="electron-config-based-on-shell--example">How to Determine Electron Count</h2>
<ol>
<li>Coming soon!</li>
</ol>
<h2 id="electron-config-based-on-shell--examples">Examples</h2>
</section>
</div>
<script src="/scripts/toc.js"></script>
<script src="/scripts/sidebar.js"></script>
</body>
</html>
|
