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

149 lines
5.8 KiB
HTML

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/physics/atom-orbitals.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:04 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Atom Orbitals</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>Atom Orbitals</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>That probability cloud is called an <b>orbital </b>(not <i>orbit</i>):</p>
<div class="def">
<p><b>Orbital</b>: a region where we expect an electron to be 90% of the time.</p>
</div>
<p>The simplest orbital is the "s" orbital (such as the single electron in Hydrogen):</p>
<p class="center"><img src="images/orbital-s.svg" alt="s orbital"><br><b>s orbital</b></p>
<p>We can have more than one orbital, and each one has a different energy state. </p>
<p>Imagine the different vibrations we can get on a simple string:</p>
<p class="center"><img src="images/string-vibrations.svg" alt="string vibrations"><br><b>some different vibration modes of a string</b></p>
<p>Now see the interesting vibration modes on a 2D surface like a drum:</p>
<div class="script" style="height: 560px;">
images/bessel3d.js
</div>
<p><em>(Note for the curious: the above animation uses the "Bessel Function" to calculate the different ways a surface can vibrate when it is fixed at its edges.)</em></p>
<p>Now imagine the vibration modes around a nucleus! </p>
<p>Well, here they are, with labels:</p>
<p class="center"><img src="images/orbitals.svg" alt="s orbital"><br><b>orbitals s, p, d and f</b></p>
<div class="def">
<ul>
<li>Electrons prefer to be at the lowest energy state possible.</li>
<li>The <b>s orbital</b> has the lowest energy state then p, d and f </li>
<li>An orbital can have up to <b>two electrons</b> (each with opposite "spin")</li></ul>
</div>
<p>
But there is one more twist! An atom hosts electrons in <b>shells</b>:
</p>
<ul>
<li>the first shell only has an <b>s</b> orbital</li>
<li>the second shell can have an <b>s</b> orbital and <b>p</b> orbitals</li>
<li>the third shell can have <b>s</b>, <b>p</b> and <b>d</b> orbitals</li>
<li>
the fourth shell can have <b>s</b>, <b>p</b>, <b>d</b> and <b>f</b> orbitals</li>
<li>later shells can also have <b>s</b>, <b>p</b>, <b>d</b> and <b>f</b> orbitals (no more are needed for the elements we know!)</li></ul>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/box-fit-things.svg" alt="hydrogen" height="" width=""></p>
<p>So where does each electron go?</p>
<p>Well, it is like packing things into a box, the items find their lowest
energy locations.</p>
<p>And so for electrons we need to think about the energy needed for the shell <b>plus </b>the energy needed for the orbital. </p>
<p>And we get this (notice how energy levels overlap):</p>
<p class="center"><img src="images/shell-orbital-energy.svg" alt="s orbital"><br><b>energy of shell plus orbital</b></p>
<p></p>
<p>The order goes 1s, 2s, 2p, 3s, 3p, 4s, 3d, 4p, 5s, 4d, etc. But there are exceptions! Those pesky electrons don't like to be told what to do except by nature.</p>
<p>Look at <a href="electrons-periodic.html">Periodic Table and Electrons</a> to see more of the story!<br>
</p>&nbsp;
<div class="related">
<a href="electrons-periodic.html">Periodic Table and Electrons</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/atom-orbitals.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:05 GMT -->
</html>