diff options
Diffstat (limited to 'lessons/fisika/atom/atom.html')
| -rw-r--r-- | lessons/fisika/atom/atom.html | 34 |
1 files changed, 33 insertions, 1 deletions
diff --git a/lessons/fisika/atom/atom.html b/lessons/fisika/atom/atom.html index bc75271..a15d8dc 100644 --- a/lessons/fisika/atom/atom.html +++ b/lessons/fisika/atom/atom.html @@ -66,14 +66,46 @@ <strong>Atomic Mass</strong> - <strong>Atomic Number</strong> = Neutron Number <h2 id="proton-electron-neutron-count--example">Examples</h2> <div class="flex" style="width: 100%;"> - <img src="/assets/images/atoms/natrium_symbol.svg" alt="" style="max-width: 200px; margin: 20px;"> + <img src="/assets/images/atoms/natrium_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> <p> <strong>Proton:</strong> 11<br> <strong>Electron:</strong> 11<br> <strong>Neutron:</strong> 23 - 11 = 12 </p> </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> <h1 id="ions">Ions</h1> + Electron count will be added or subtracted by ion charge. <br> + If the ion charge is positive, subtract the electron count. <br> + If the ion charge is negative, add the electron count. For example: + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/carbon_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 + 4 = 10<br> + <strong>Neutron:</strong> 12 - 6 = 6 + </p> + </div> + <div class="flex" style="width: 100%;"> + <img src="/assets/images/atoms/magnesium_symbol_ion.svg" alt="" + style="max-width: 200px !important; margin: 20px;"> + <p> + <strong>Proton:</strong> 6<br> + <strong>Electron:</strong> 6 - 2 = 4<br> + <strong>Neutron:</strong> 24 - 12 = 12 + </p> + </div> + </section> </div> |