111 lines
4.6 KiB
HTML
111 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link href="css/reset.css" rel="stylesheet">
|
||
<link href="css/infographic.css" rel="stylesheet">
|
||
<link rel="top" href="/" title="Job Bautista's personal website">
|
||
<link rel="up" href="./" title="Infographics about chemical elements - Job Bautista">
|
||
<title>Helium</title>
|
||
</head>
|
||
<body>
|
||
<article>
|
||
<div id="infographic">
|
||
<header>
|
||
<h1 id="igTitle"><span id="igT1">Helium (He)</span><br /><span id="igT2">Atomic #2</span> <span id="igT3">Group</span> #18</h1>
|
||
<p>Second lightest and second most abundant element.</p>
|
||
</header>
|
||
<br />
|
||
<figure>
|
||
<img src="media/helium.jpg" alt="Helium discharge tube" />
|
||
<figcaption>Helium discharge tube (Photo by Alchemist-hp, CC-BY-NC-ND-3.0)</figcaption>
|
||
</figure>
|
||
<div id="content">
|
||
<section id="igWord">
|
||
<h2>Word</h2>
|
||
<section class="subsection" id="igHS">
|
||
<h3>Pronunciation</h3>
|
||
<p>/ˈhiːliəm/ (HEE-lee-əm)</p>
|
||
</section>
|
||
<section class="subsection" id="igRO">
|
||
<h3>Appearance</h3>
|
||
<p>colorless gas, exhibiting a gray, cloudy glow (or reddish-orange if an especially high voltage is used) when placed in an electric field</p>
|
||
</section>
|
||
</section>
|
||
<section id="igChemProp">
|
||
<h2>Chemical properties</h2>
|
||
<section class="subsection" id="igGC">
|
||
<h3>Phase at STP</h3>
|
||
<p>Gas</p>
|
||
</section>
|
||
<section class="subsection" id="igTT">
|
||
<h3>Melting point</h3>
|
||
<p>0.95 K (−272.20 °C, −457.96 °F) (at 2.5 MPa)</p>
|
||
</section>
|
||
<section class="subsection" id="igCP">
|
||
<h3>Boiling point</h3>
|
||
<p>4.222 K (−268.928 °C, −452.070 °F)</p>
|
||
</section>
|
||
<section class="subsection" id="igFS">
|
||
<h3>Density</h3>
|
||
<p>0.1786 g/L (STP), 0.145 g/cm3 (liquid, melting point), 0.125 g/cm3 (liquid, boiling point)</p>
|
||
</section>
|
||
<section class="subsection" id="igLL">
|
||
<h3>Atomic Weight</h3>
|
||
<p>4.002 amu</p>
|
||
</section>
|
||
</section>
|
||
<section id="igHistEty">
|
||
<h2>History and etymology</h2>
|
||
<section class="subsection" id="igLR">
|
||
<h3>Etymology</h3>
|
||
<p>Named after Helios, Greek Titan of the Sun</p>
|
||
</section>
|
||
<section class="subsection" id="igLF">
|
||
<h3>Discovered</h3>
|
||
<p>Pierre Janssen, Norman Lockyer (1868)</p>
|
||
</section>
|
||
<section class="subsection" id="igSL">
|
||
<h3>First isolation</h3>
|
||
<p>William Ramsay, Per Teodor Cleve, Abraham Langlet (1895)</p>
|
||
</section>
|
||
<section class="subsection" id="igCH">
|
||
<h3>Isotopes</h3>
|
||
<p>3He (stable), 4He (stable)</p>
|
||
</section>
|
||
</section>
|
||
<section id="igQuantum">
|
||
<h2>Quantum</h2>
|
||
<section class="subsection" id="igAP">
|
||
<h3>Electron configuration</h3>
|
||
<p>1s2</p>
|
||
</section>
|
||
<section class="subsection" id="igRC">
|
||
<h3>Orbital diagram</h3>
|
||
<p>1s[↑↓]</p>
|
||
</section>
|
||
<section class="subsection" id="igAF">
|
||
<h3>Quantum numbers of the last electron</h3>
|
||
<p>n=1, l=0, Ml=0, Ms=-0.5</p>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
<footer>
|
||
<h2>About this infographic</h2>
|
||
<section class="part" id="original">
|
||
<h3 class="title"><a href="http://throup.org.uk/infographic/">Original infographic</a></h3><br />
|
||
<p><span class="copyright">©2011 WebAIM.<br />©2020 Job Bautista.</span></p>
|
||
</section>
|
||
<section class="part" id="newversion">
|
||
<h3 class="title">Navigate to:</h3>
|
||
<p><a href="hydrogen.html" rel="prev"><‐‐ Hydrogen</a>   <a href="lithium.html" rel="next">Lithium ‐‐></a></p>
|
||
</section>
|
||
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Finfographic.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="infographic.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated.svg" alt="infographic.css valid!" /></a>
|
||
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fjobbautista.neocities.org%2Finfographics%2Fchemical-elements%2Fcss%2Freset.css&profile=css3svg&usermedium=all&warning=2&vextwarning=&lang=en" target="_parent" title="reset.css valid!"><img style="border:0;width:120px;height:42px" src="/cssvalidated2.svg" alt="reset.css valid!" /></a>
|
||
</footer>
|
||
</div>
|
||
</article>
|
||
</body>
|
||
</html>
|