This repository has been archived on 2021-06-21. You can view files and clone it, but cannot push or open issues or pull requests.
public_html/infographics/chemical-elements/helium.html

111 lines
4.6 KiB
HTML
Raw Permalink Normal View History

2021-05-07 02:33:28 +00:00
<!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">
2021-05-07 09:12:44 +00:00
<link rel="top" href="/~job/" title="Job Bautista's personal website">
2021-05-07 02:33:28 +00:00
<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[&#8593;&#8595;]</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">&#60;&#8208;&#8208; Hydrogen</a> &emsp; <a href="lithium.html" rel="next">Lithium &#8208;&#8208;&#62;</a></p>
</section>
2021-05-07 09:15:25 +00:00
<a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frw.rs%2F~job%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="/~job/cssvalidated.svg" alt="infographic.css valid!" /></a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frw.rs%2F~job%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="/~job/cssvalidated2.svg" alt="reset.css valid!" /></a>
2021-05-07 02:33:28 +00:00
</footer>
</div>
</article>
</body>
</html>