new file: Files/flashplayer_32_sa.exe new file: favicon.ico new file: globe.gif new file: imgs/download.png new file: imgs/zuck.jpg new file: index.html new file: other.ico new file: script.js new file: site.webmanifest new file: sitemap.html new file: styles/backround.css new file: styles/border.css new file: styles/fonts/Titillium_Web/OFL.txt new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2 new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2 new file: styles/style.css new file: tools/2048/.gitignore new file: tools/2048/.jshintrc new file: tools/2048/CONTRIBUTING.md new file: tools/2048/LICENSE.txt new file: tools/2048/README.md new file: tools/2048/Rakefile new file: tools/2048/favicon.ico new file: tools/2048/index.html new file: tools/2048/js/animframe_polyfill.js new file: tools/2048/js/application.js new file: tools/2048/js/bind_polyfill.js new file: tools/2048/js/classlist_polyfill.js new file: tools/2048/js/game_manager.js new file: tools/2048/js/grid.js new file: tools/2048/js/html_actuator.js new file: tools/2048/js/keyboard_input_manager.js new file: tools/2048/js/local_storage_manager.js new file: tools/2048/js/tile.js new file: tools/2048/meta/apple-touch-icon.png new file: tools/webretro/cores/neocd_libretro.js new file: tools/webretro/cores/neocd_libretro.wasm new file: tools/webretro/cores/nestopia_libretro.js new file: tools/webretro/cores/nestopia_libretro.wasm new file: tools/webretro/cores/o2em_libretro.js new file: tools/webretro/cores/o2em_libretro.wasm new file: tools/webretro/cores/opera_libretro.js new file: tools/webretro/cores/opera_libretro.wasm
140 lines
5.6 KiB
HTML
140 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/physics/electrons-periodic.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:00 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Electrons and the Periodic Table</title>
|
|
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="referrer" content="always">
|
|
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin="">
|
|
<link rel="preload" href="../style4.css" as="style">
|
|
<link rel="preload" href="../main4.js" as="script">
|
|
<link rel="stylesheet" href="../style4.css">
|
|
<script src="../main4.js" defer="defer"></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-29771508-1');
|
|
</script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
|
|
<div id="stt"></div>
|
|
<div id="adTop"></div>
|
|
<header>
|
|
<div id="hdr"></div>
|
|
<div id="tran"></div>
|
|
<div id="adHide"></div>
|
|
<div id="cookOK"></div>
|
|
</header>
|
|
|
|
<div class="mid">
|
|
|
|
<nav>
|
|
<div id="menuWide" class="menu"></div>
|
|
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
|
|
|
<div id="search" role="search"></div>
|
|
<div id="linkto"></div>
|
|
|
|
<div id="menuSlim" class="menu"></div>
|
|
<div id="menuTiny" class="menu"></div>
|
|
</nav>
|
|
|
|
<div id="extra"></div>
|
|
|
|
<article id="content" role="main">
|
|
|
|
<!-- #BeginEditable "Body" -->
|
|
<style>
|
|
.boxa {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align:bottom;
|
|
margin: 0 25px 35px 0;
|
|
font-size: 120%;
|
|
}
|
|
</style>
|
|
|
|
|
|
<h1>Electrons and the Periodic Table</h1>
|
|
|
|
<p>An atom is a system of one or more <a href="electricity.html">electrons</a> bound to a nucleus. Here is a quantum microscope image of a hydrogen atom:</p>
|
|
<p class="center"><img src="images/atom-hydrogen-quantum.jpg" alt="atom hydrogen quantum" height="260" width="300"><br>
|
|
<i style="font: 14px Arial;">https://dx.doi.org/10.1103/PhysRevLett.110.213001</i></p>
|
|
<p>Hydrogen has just one electron, which exists as a fuzzy probability cloud.</p>
|
|
<p>But it is easier to use a simple diagram:</p>
|
|
<p class="center"><img src="images/atom-h-lbl.svg" alt="hydrogen" height="168" width="160"></p>
|
|
In the center (marked "H" for "Hydrogen") is the nucleus with 1 proton, and around that is our one electron.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>Electrons are attracted to protons, and are in their <b>lowest energy state</b>:</p>
|
|
<ul>
|
|
|
|
<li>each wider "shell" (any dashed circle shown below) has a higher energy state</li>
|
|
<li>within each shell there are also different energy states called <a href="atom-orbitals.html">orbitals</a> (we give special colors in the animation)</li>
|
|
<li>each orbital has at most two electrons together (with opposite spin)</li></ul>
|
|
<p>Play with it below ... discover patterns for yourself ... then learn more later.</p>
|
|
<div class="script" style="height: 620px;">
|
|
images/periodic.js
|
|
</div>
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/box-fit-things.svg" alt="hydrogen" height="" width=""></p>
|
|
|
|
<p>The electrons don't always go where you expect. It is like packing things into a box, the items find their lowest
|
|
energy locations, sometimes with subtle shifting going on.</p>
|
|
<h2>It Causes Chemistry!
|
|
|
|
</h2>
|
|
<p>But the really cool thing is that the outermost electrons affect <b>how each element bonds</b> or reacts chemically with others.</p>
|
|
<p style="float:right; margin: 0 0 5px 10px;">
|
|
<img src="images/hydrogen-gas.svg" alt="hydrogen gas" height="" width="">
|
|
<img src="images/h2o.svg" alt="H20 is water" height="" width="">
|
|
</p>
|
|
<p>Examples:</p>
|
|
<ul>
|
|
<li>Hydrogen (H) is happy to bond (with itself and others) as it has an empty electron spot</li>
|
|
<li>Helium (He) does not like to bond, as its two electrons fill its first shell</li>
|
|
<li>Lithium (Li), similar to Hydrogen, is happy to bond as it has one empty electron spot in its outer shell.</li>
|
|
<li>etc</li></ul>
|
|
<p>And so it makes sense to group all elements that behave in a similar way into <b>columns </b>(called groups).</p>
|
|
<p>And the <b>rows</b> (called periods) show us how many <b>shells.</b></p>There are also 4 main blocks that correspond roughly with the type of oribital (shown as the color of the block). <br>
|
|
<p>Have another play with the table and more for yourself.</p>
|
|
<p><i>(Note: the block starting at 57 etc belongs in the table next to number 56. And the block starting at 89 etc belongs in the table next to number 88.)</i></p>
|
|
<h2>Conclusion:</h2>
|
|
<ul>
|
|
<li>electrons naturally seek their lowest energy level around the nucleus</li>
|
|
<li>the resulting outermost electrons ... cause chemistry!</li></ul>
|
|
<p> </p>
|
|
|
|
<div class="related">
|
|
|
|
<a href="atom-orbitals.html">Atom Orbitals</a>
|
|
<a href="index.html">Physics Index</a>
|
|
</div>
|
|
<!-- #EndEditable -->
|
|
|
|
</article>
|
|
|
|
<div id="adend" class="centerfull noprint"></div>
|
|
<footer id="footer" class="centerfull noprint"></footer>
|
|
<div id="copyrt">Copyright © 2022 Rod Pierce</div>
|
|
|
|
</div>
|
|
</body><!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/physics/electrons-periodic.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:04 GMT -->
|
|
</html> |