Lucas Kent e39465ad2f Changes to be committed:
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
2022-11-02 08:40:01 -04:00

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=""> &nbsp;
<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>&nbsp;</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>