Apply the OLP in these units https://manoa.hawaii.edu/exploringourfluidearth/ en Atoms, Molecules, and Compounds https://manoa.hawaii.edu/exploringourfluidearth/chemical/chemistry-and-seawater/atoms-molecules-and-compounds <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--topic-page.html.twig x field--node--title.html.twig * field--node--topic-page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Atoms, Molecules, and Compounds</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-display-title--topic-page.html.twig * field--node--field-display-title.html.twig * field--node--topic-page.html.twig * field--field-display-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-display-title field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Title</div> <div class="field__item"><h2 class="page-title">Atoms, Molecules, and Compounds</h2> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--topic-page.html.twig x field--node--uid.html.twig * field--node--topic-page.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/exploringourfluidearth/users/paul" class="username">paul</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--topic-page.html.twig x field--node--created.html.twig * field--node--topic-page.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Thu, 11/10/2011 - 17:01</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-standards-ngss-pe--topic-page.html.twig * field--node--field-standards-ngss-pe.html.twig * field--node--topic-page.html.twig * field--field-standards-ngss-pe.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-standards-ngss-pe field--type-entity-reference field--label-above"> <div class="field__label">NGSS Performance Expectations</div> <div class="field__items"> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/hs-ps1-1-use-periodic-table-model-predict-relative-properties-elements-based-patterns-electrons" hreflang="en">HS-PS1-1 Use the periodic table as a model to predict the relative properties of elements based on the patterns of electrons in the outermost energy level of atoms.</a></div> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-standards-ngss-pe-linking--topic-page.html.twig * field--node--field-standards-ngss-pe-linking.html.twig * field--node--topic-page.html.twig * field--field-standards-ngss-pe-linking.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-standards-ngss-pe-linking field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">NGSS PE Linking Sentence</div> <div class="field__item">The content and activity in this topic will work towards building an understanding of the structure of atoms and how elements are organized on the periodic table.</div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--topic-page.html.twig * field--node--body.html.twig * field--node--topic-page.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><h2>Chemical Structures</h2> <p>The properties of elements and compounds are determined by their structures. The simplest structural unit of an element is an atom. Atoms are very small. A hundred million (100,000,000) hydrogen atoms put side-by-side is only as long as one centimeter!</p> <p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.8%20ElementsMadeOf.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.8%20ElementsMadeOf.png?itok=GmBAedUC" width="290" height="226" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.8.&lt;/strong&gt; Elements can be made of one atom, like He, or be elemental molecules, such as hydrogen (H&lt;sub&gt;2&lt;/sub&gt;), oxygen (O&lt;sub&gt;2&lt;/sub&gt;), chlorine (Cl&lt;sub&gt;2&lt;/sub&gt;), ozone (O&lt;sub&gt;3&lt;/sub&gt;), and sulfur (S&lt;sub&gt;8&lt;/sub&gt;). Atoms are not drawn to scale.&lt;/p&gt;" title="&lt;p&gt;Image by Bryon Inuoye&lt;/p&gt;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.8.</strong> Elements can be made of one atom, like He, or be elemental molecules, such as hydrogen (H<sub>2</sub>), oxygen (O<sub>2</sub>), chlorine (Cl<sub>2</sub>), ozone (O<sub>3</sub>), and sulfur (S<sub>8</sub>). Atoms are not drawn to scale.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Bryon Inuoye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>Some elements are <strong>monatomic</strong>, meaning they are made of a single (<em>mon-</em>) atom (<em>-atomic</em>) in their molecular form. Helium (He, see Fig. 2.8) is an example of a monatomic element. Other elements contain two or more atoms in their molecular form (Fig. 2.8). Hydrogen (H<sub>2</sub>), oxygen (O<sub>2</sub>), and chlorine (Cl<sub>2</sub>) molecules, for example, each contains two atoms. Another form of oxygen, ozone (O<sub>3</sub>), has three atoms, and sulfur (S<sub>8</sub>) has eight atoms. All elemental molecules are made of atoms of a single element.</p> <hr /><p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.9%20CompoundsMadeOf.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.9%20CompoundsMadeOf.png?itok=4DdhOUiV" width="290" height="150" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.9.&lt;/strong&gt; Compounds are made of two or more atoms of different elements, such as water (H&lt;sub&gt;2&lt;/sub&gt;O) and methane (CH&lt;sub&gt;4&lt;/sub&gt;). Atoms are not drawn to scale.&lt;/p&gt;" title="&lt;p&gt;Image by Bryon Inuoye&lt;/p&gt;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.9.</strong> Compounds are made of two or more atoms of different elements, such as water (H<sub>2</sub>O) and methane (CH<sub>4</sub>). Atoms are not drawn to scale.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Bryon Inuoye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>Molecules of compounds have atoms of two or more different elements. For example, water (H<sub>2</sub>O) has three atoms, two hydrogen (H) atoms and one oxygen (O) atom. Methane (CH<sub>4</sub>), a common greenhouse gas, has five atoms, one of carbon (C) and four of hydrogen (H, see Fig. 2.9).</p> <hr /><p> </p> <h2>Electrostatic Forces</h2> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2_Fig2.10%20ElectrostaticForces.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2_Fig2.10%20ElectrostaticForces.jpg?itok=LVf5aKIt" width="290" height="217" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.10.&lt;/strong&gt; Electrostatic forces can raise your hair!&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of&amp;nbsp;&lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Static_on_the_playground_%2848616367%29.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Static_on_the_playground_%2848616367%29.jpg&quot; target=&quot;_blank&quot;&gt;Chris Darling&lt;/a&gt; from Wikipedia&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.10.</strong> Electrostatic forces can raise your hair!</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="http://commons.wikimedia.org/wiki/File:Static_on_the_playground_%2848616367%29.jpg" target="_blank">Chris Darling</a> from Wikipedia</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p><span style="line-height: 1.538em;"><strong>Electrostatic forces</strong> </span><span style="line-height: 1.538em;">hold atoms in molecules. The electrostatic forces that hold atoms together in molecules are the same type of forces that cause static electricity. Common examples of static electricity are when someone gets a shock when reaching for a doorknob or when a child’s hair is raised when going down a plastic slide (Fig. 2.10).</span></p> <hr /><p> </p> <p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </p><div class="action-background"> <div id="node-168" class="node node-activity-page special-feature-type-activity contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="83c61810-a82a-4211-82b2-8abe4048d07a" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Activity</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/atoms-molecules-and-compounds/activity-electrostatic-forces" hreflang="und">Electrostatic Forces</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><br /><h2>Parts of Atoms</h2> <p>The particles that make up an atom are called <strong>subatomic</strong> particles (<em>sub</em>- means “smaller size”). These particles are the</p> <ul style="margin-left: 40px;"><li><strong>proton</strong> (p<sup>+</sup>), which is positively (+) charged;</li> <li><strong>electron</strong> (e<sup>–</sup>), which is negatively (–) charged; and</li> <li><strong>neutron</strong> (n<sup>0</sup>), which has no charge, it is neutral (0).</li> </ul><p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.11%20ModelOfAtom.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.11%20ModelOfAtom.png?itok=xTmoHdQo" width="290" height="210" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.11.&lt;/strong&gt; Model of an atom (not to scale)&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.11.</strong> Model of an atom (not to scale)</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Byron Inouye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>Protons and neutrons occupy the <strong>nucleus</strong>, or center, of the atom. Electrons exist in regions called <strong>shells </strong>outside of the atom’s nucleus (Fig. 2.11).</p> <p> </p> <p>Electrostatic forces hold atoms together in molecules—like the two hydrogen atoms held together in H2 gas. Electrostatic forces also hold electrons and protons together in the atom. The attraction between negatively charged electrons and positively charged protons in an atom give the atom its structure. The <strong>strong force</strong> holds neutrons and protons together in the nucleus. This force got its name because it is strong enough to overcome the force of the positively charged protons repelling each other. The number of electrons and protons in an atom determines its chemical properties. Chemical properties include the specific ways that atoms and molecules react and the energy that they release or use in these reactions.</p> <p> </p> <h2>Size of Subatomic Particles</h2> <p>One hundred million (100,000,000) hydrogen atoms put side-by-side equals about a centimeter. Protons and neutrons are both about one-thousandth (1/1000) the diameter of a hydrogen atom. This means it would take about one hundred billion (100,000,000,000) protons or neutrons put side-by-side to equal a centimeter. Electrons are about one-thousandth (1/1000) the diameter of a proton or neutron. This means that it would take one hundred trillion (100,000,000,000,000) electrons put side-by-side to equal a centimeter!</p> <p> </p> <h2>Neutral Atoms</h2> <p>The subatomic particles in an atom determine the properties of the atom. Some atoms exist naturally as neutral, or uncharged, atoms. A single uncharged atom has an equal number of protons (+) and electrons (–). An uncharged atom is electrically neutral because electrons and protons have opposite charges of equal sizes. When the number of protons and electrons in an atom are same, the charges cancel out, or counteract each other.</p> <p> </p> <h2>Protons and Neutrons</h2> <p>Every atom of a particular element has the same number of protons. The <strong>atomic number</strong> is equal to the number of protons in an element. On the periodic table, the atomic number is usually given as the whole number above the symbol for the element (see Fig. 2.13). For example, hydrogen (H) has an atomic number of one (1). This means a hydrogen atom has one proton. If a hydrogen atom is neutral, it must also have one electron. An oxygen atom (O) has an atomic number of eight (8). This means a neutral oxygen atom has eight protons and eight electrons. The element Actium (Ac) has an atomic number of 89, so it has 89 protons and 89 electrons in a neutral atom. Table 2.2 shows the atomic number, atomic symbol, atomic structure, and number of protons, neutrons, and electrons for the first three elements.</p> <div> <div> </div> </div> <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"><caption><strong>Table 2.2.</strong> The first three elements in the periodic table showing atomic numbers, atomic symbols, number of protons, number of electrons, number of neutrons, and atomic structure.</caption> <tbody><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "> </td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Hydrogen</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Helium</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Lithium</strong></td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Atomic Number</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">1</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">2</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">3</td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Atomic Symbol</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">H</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">He</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">Li</td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Number of Protons</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">1</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">2</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">3</td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Number of Electrons</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">1</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">2</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">3</td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Number of Neutrons</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">0</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">2</td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">4</td> </tr><tr><td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "><strong>Atomic Structure</strong></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--media-original.html.twig * media--image.html.twig * media--media-original.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="media media--type-image media--view-mode-media-original"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--created--image.html.twig * field--media--created.html.twig * field--media--image.html.twig * field--created.html.twig * field--created.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-created field--type-created field--label-hidden field__item">Thu, 09/04/2014 - 08:33</div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--uid--image.html.twig * field--media--uid.html.twig * field--media--image.html.twig * field--uid.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-uid field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/exploringourfluidearth/users/fyang" class="username">fyang</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Byron Inouye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--thumbnail--image.html.twig * field--media--thumbnail.html.twig * field--media--image.html.twig * field--thumbnail.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-thumbnail field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/thumbnail/public/M2U2-AtomicStructure_H.jpg?itok=HR5keqDV" width="96" height="100" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-thumbnail" /><!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --><!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --><!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --></div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--media-original.html.twig * media--image.html.twig * media--media-original.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="media media--type-image media--view-mode-media-original"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--created--image.html.twig * field--media--created.html.twig * field--media--image.html.twig * field--created.html.twig * field--created.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-created field--type-created field--label-hidden field__item">Thu, 09/04/2014 - 08:32</div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--uid--image.html.twig * field--media--uid.html.twig * field--media--image.html.twig * field--uid.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-uid field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/exploringourfluidearth/users/fyang" class="username">fyang</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Byron Inouye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--thumbnail--image.html.twig * field--media--thumbnail.html.twig * field--media--image.html.twig * field--thumbnail.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-thumbnail field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/thumbnail/public/M2U2-AtomicStructure_He.jpg?itok=3Kt49tfi" width="94" height="100" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-thumbnail" /><!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --><!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --><!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --></div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></td> <td style="text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--media-original.html.twig * media--image.html.twig * media--media-original.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="media media--type-image media--view-mode-media-original"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--created--image.html.twig * field--media--created.html.twig * field--media--image.html.twig * field--created.html.twig * field--created.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-created field--type-created field--label-hidden field__item">Thu, 09/04/2014 - 08:33</div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--uid--image.html.twig * field--media--uid.html.twig * field--media--image.html.twig * field--uid.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-uid field--type-entity-reference field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/exploringourfluidearth/users/fyang" class="username">fyang</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Byron Inouye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--thumbnail--image.html.twig * field--media--thumbnail.html.twig * field--media--image.html.twig * field--thumbnail.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-thumbnail field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/thumbnail/public/M2U2-AtomicStructureLi.png?itok=EjV58Ksz" width="95" height="100" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-thumbnail" /><!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --><!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --><!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --></div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></td> </tr></tbody></table><p>Neutrons affect the mass of an atom and play a role in the stability of atoms. Unlike protons, the numbers of neutrons in elements varies. For example, most hydrogen atoms have no neutrons, but a few have one neutron, and some rare hydrogen atoms have two neutrons. Most helium atoms have two neutrons, but some have three neutrons.</p> <p> </p> <h2>Periods, Groups, and the Periodic Table</h2> <p>The <strong>periodic table</strong> (Fig. 2.12) is a commonly used method of organizing the elements that provides useful information about the elements and their behavior. In Fig. 2.12, elements in blue are metals and elements in yellow are nonmetals. In Figure 2.13, the entry for hydrogen highlights the placement of the atomic number, element symbol, element name, and atomic weight.</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.12-Nonmental.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/M2U2-Fig2.12-Nonmental.png?itok=Koax2m5H" width="590" height="332" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.12.&lt;/strong&gt; The periodic table of the elements (2014). This periodic table shows metal elements in blue and nonmetal elements in yellow.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 2.12.</strong> The periodic table of the elements (2014). This periodic table shows metal elements in blue and nonmetal elements in yellow.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image by Byron Inouye</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><hr /><p> </p> <p>The periodic table has three prominent features. First, the periodic table is arranged in horizontal rows, which are called <strong>periods</strong>. There are seven periods. In Period 1 there are two elements, hydrogen (H) and helium (He). The second and third periods both contain eight elements, the fourth and fifth periods contain 18 elements, and the sixth and seventh periods contain 32 elements.</p> <p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-right media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.13%20Hydrogen%20.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.13%20Hydrogen%20.png?itok=bdUvA0Dn" width="290" height="165" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.13.&lt;/strong&gt; The listing for hydrogen in the periodic table&lt;/p&gt;" title="&lt;p&gt;Image by Byron Inuoye&lt;/p&gt;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.13.</strong> The listing for hydrogen in the periodic table</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image by Byron Inuoye</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p> </p> <p>Second, all of the elements are listed sequentially according to their atomic numbers. The atomic number corresponds to the number of protons and is found above the elements’ symbol. For example, in Figure 2.13, the atomic number of hydrogen is 1, found over the H.</p> <hr /><p> </p> <p>Third, the periodic table is arranged in columns of elements that react similarly. These columns are called <strong>groups</strong>. The group number is found at the top of the column. Groups 1–12 contain only metals, Groups 13–16 contain both metals and nonmetals, and Groups 17 and 18 contain only nonmetals. One exception is hydrogen. Although technically a nonmetal, hydrogen has properties of both metals and nonmetals and is often placed in Group 1. The two long rows that are at the bottom of the periodic table are exceptions. The elements in each of these rows behave similarly, so are considered groups. These two groups are arranged in rows rather than columns.</p> <p> </p> <h2>Metals and Nonmetals</h2> <p><strong>Metals</strong> are elements that conduct heat and electricity. Metals are usually <strong>malleable</strong>, they can be bent or molded without breaking, and <strong>lustrous</strong>, or shiny. Most metals are silvery in color (Fig. 2.14 A–C), although some are not, like copper (Cu, Fig. 2.14 D). Most metals are solid at room temperature. One exception is mercury (Hg), which is a liquid at room temperature (Fig. 2.14 A). The elements in Group 1, including lithium (Li), sodium (Na, Fig. 2.14 B), potassium (K, Fig. 2.14 C), and rubidium (Rb), are all metals. These metallic Group 1 elements have similar reactive properties. In Fig 2.12, the metals are shown in blue.</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.14A%20Mercury.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.14A%20Mercury.jpg?itok=Oh1xLYCL" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.14.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;A&lt;/strong&gt;) Mercury (Hg) is a metallic element.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;http://www.flickr.com/photos/pgordon/4097094562/&quot; href=&quot;http://www.flickr.com/photos/pgordon/4097094562/&quot; target=&quot;_blank&quot;&gt;p.Gordon&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.14.</strong> (<strong>A</strong>) Mercury (Hg) is a metallic element.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="http://www.flickr.com/photos/pgordon/4097094562/" target="_blank">p.Gordon</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.14B%20Sodium.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.14B%20Sodium.jpg?itok=wcRoXFyG" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.14.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) Sodium (Na) is a metallic element.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;http://upload.wikimedia.org/wikipedia/commons/c/ca/Nametal.JPG.jpg&quot; href=&quot;http://upload.wikimedia.org/wikipedia/commons/c/ca/Nametal.JPG.jpg&quot; target=&quot;_blank&quot;&gt;Dennis S.K&lt;/a&gt; from Wikipedia&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.14.</strong> (<strong>B</strong>) Sodium (Na) is a metallic element.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="http://upload.wikimedia.org/wikipedia/commons/c/ca/Nametal.JPG.jpg" target="_blank">Dennis S.K</a> from Wikipedia</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><hr /><p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.14C%20Potassium.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.14C%20Potassium.jpg?itok=PBMbe4kN" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.14.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;C&lt;/strong&gt;) Potassium (K) is a metallic element.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Potassium.JPG&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Potassium.JPG&quot; target=&quot;_blank&quot;&gt;Dennis S.K&lt;/a&gt; from Wikipedia&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.14.</strong> (<strong>C</strong>) Potassium (K) is a metallic element.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="http://commons.wikimedia.org/wiki/File:Potassium.JPG" target="_blank">Dennis S.K</a> from Wikipedia</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.14D%20Copper.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.14D%20Copper.jpg?itok=X028EJcN" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.14.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;D&lt;/strong&gt;) Copper (Cu) is a metallic element that is not silvery in color like many other metals.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Copper.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Copper.jpg&quot; target=&quot;_blank&quot;&gt;Jurii&lt;/a&gt; from Wikipedia&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.14.</strong> (<strong>D</strong>) Copper (Cu) is a metallic element that is not silvery in color like many other metals.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="http://commons.wikimedia.org/wiki/File:Copper.jpg" target="_blank">Jurii</a> from Wikipedia</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><hr /><p> </p> <p><strong>Nonmetals</strong> <span style="line-height: 1.538em;">are poor conductors of heat and electricity; they are not lustrous and exist in nature as solids, liquids, or gases. When solid, non-metals tend to be brittle, such as sulfur, which flakes apart rather than bending like a metal would (Fig. 2.15 A). The elements in Group 17, including fluorine (F<sub>2</sub>), chlorine (Cl<sub>2</sub>, Fig. 2.15 B), bromine (Br<sub>2</sub>, Fig. 2.15 C), and iodine (I<sub>2</sub>, Fig. 2.15 D), are all nonmetals. The nonmetals in Group 17 are all diatomic (two atoms) in their elemental form and have similar reactive properties. In Fig 2.12, the nonmetals are shown in yellow.</span></p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.15A%20sulfur.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.15A%20sulfur.jpg?itok=O-Liaw6C" width="290" height="289" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.15.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) Sulfur (S)&lt;/p&gt;" title="&lt;p&gt;Image courtesy of Ben Mills from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Sulfur-sample.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Sulfur-sample.jpg&quot; target=&quot;_blank&quot;&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.15.</strong> (<strong>A</strong>) Sulfur (S)</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of Ben Mills from <a href="http://commons.wikimedia.org/wiki/File:Sulfur-sample.jpg" target="_blank">Wikipedia</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.15B%20Chlorine3.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.15B%20Chlorine3.jpg?itok=ZT_7mCYH" width="290" height="302" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.15.&lt;/strong&gt; (&lt;strong&gt;B&lt;/strong&gt;) Chlorine (Cl&lt;sub&gt;2&lt;/sub&gt;, yellow-green gas)&lt;/p&gt;" title="&lt;p&gt;Image courtesy of Tomihahndorf from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; target=&quot;_blank&quot;&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.15.</strong> (<strong>B</strong>) Chlorine (Cl<sub>2</sub>, yellow-green gas)</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of Tomihahndorf from <a href="http://commons.wikimedia.org/wiki/File:Halogene.jpg" target="_blank">Wikipedia</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><hr /><p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.15C%20Bromine3.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.15C%20Bromine3.jpg?itok=j9Mwlpum" width="290" height="302" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.15.&lt;/strong&gt; (&lt;strong&gt;C&lt;/strong&gt;) Bromine (Br&lt;sub&gt;2&lt;/sub&gt;, orange-red gas and liquid)&lt;/p&gt;" title="&lt;p&gt;Image courtesy of&amp;nbsp;Tomihahndorf from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; target=&quot;_blank&quot;&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.15.</strong> (<strong>C</strong>) Bromine (Br<sub>2</sub>, orange-red gas and liquid)</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of Tomihahndorf from <a href="http://commons.wikimedia.org/wiki/File:Halogene.jpg" target="_blank">Wikipedia</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>   </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2.15D%20Iodine3.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/M2U2-Fig2.15D%20Iodine3.jpg?itok=nuMfuhH6" width="290" height="302" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.15.&lt;/strong&gt; (&lt;strong&gt;D&lt;/strong&gt;) Iodine (I&lt;sub&gt;2&lt;/sub&gt;, dark purple solid and gas)&lt;/p&gt;" title="&lt;p&gt;Image courtesy of&amp;nbsp;Tomihahndorf from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Halogene.jpg&quot; target=&quot;_blank&quot;&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 2.15.</strong> (<strong>D</strong>) Iodine (I<sub>2</sub>, dark purple solid and gas)</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of Tomihahndorf from <a href="http://commons.wikimedia.org/wiki/File:Halogene.jpg" target="_blank">Wikipedia</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><hr /><p> </p> <p>See Table 2.3 for a summary of the properties of metals and nonmetals.</p> <div> <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"><caption><strong>Table 2.3.</strong> Properties of metals and nonmetals</caption> <tbody><tr><td style="background-color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); "> </td> <td style="width: 200px; border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);"><strong>Metals</strong></td> <td style="width: 200px; border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);"><strong>Nonmetals</strong></td> </tr><tr><td rowspan="5" scope="row" style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);"><strong>Physical Properties</strong></td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Good conductor of heat and electricity</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Poor conductor of heat and electricity</td> </tr><tr><td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Malleable - can be beaten or deformed without cracking; pliable</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Brittle</td> </tr><tr><td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Ductile - can be made into wire</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Non-ductile</td> </tr><tr><td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Lustrous</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Not lustrous, may be opaque or transparent</td> </tr><tr><td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Solid at room temperature (except Hg and a few other metals that are liquid at or near room temperature)</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Solid, liquid, or gas at room temperature</td> </tr><tr><td rowspan="2" scope="row" style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);"><strong>Chemical Properties</strong></td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Usually have 1-3 valence electrons</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Usually have 4-8 valence electrons</td> </tr><tr><td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Tend to lose valence electrons</td> <td style="border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 255);">Tend to gain electrons</td> </tr></tbody></table></div> <div> <div> <p> </p> <h2>Other Organizational Features of the Periodic Table</h2> <p>There are other organizational features of the periodic table. Most periods have the first element of the period in Group 1 and the last element in Group 18. An exception is the first period. In Fig 2.12, hydrogen (H) is in Group 1. Sometimes hydrogen (H) is placed in Group 17, above fluorine (F), because it has similar properties to the nonmetals in that group; for example, in its elemental state hydrogen exists as a diatomic gas, H2. Sometimes hydrogen is placed in both Groups 1 and 17.</p> <p> </p> <p>Groups of elements have similar properties. The properties of some groups are so unique or important that the groups are referred to by special names. The last group, Group 18, includes helium (He), neon (Ne), argon (Ar), krypton (Kr), xenon (Xe), and radon (Rn). The elements in this group are called the noble gases. Noble gases seldom react with other elements. Noble gases have many uses, for example, they are used in neon signs (Fig 2.16).</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/M2U2-Fig2-12a.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/M2U2-Fig2-12a.png?itok=zq-T8Obn" width="590" height="88" alt="&lt;p&gt;&lt;strong&gt;Fig 2.16.&lt;/strong&gt; “Neon” signs are composed of different noble gases, only one of which is the element neon. Nobel gases light up with different colors when electricity is passed through them.&lt;/p&gt;" title="&lt;p&gt;Images&amp;nbsp;courtesy of &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:HeTube.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:HeTube.jpg&quot; target=&quot;_blank&quot;&gt;Pslawinski&lt;/a&gt; from Wikipedia&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig 2.16.</strong> “Neon” signs are composed of different noble gases, only one of which is the element neon. Nobel gases light up with different colors when electricity is passed through them.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Images courtesy of <a href="http://commons.wikimedia.org/wiki/File:HeTube.jpg" target="_blank">Pslawinski</a> from Wikipedia</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p> </p> <p>Group 1 is often referred to as the alkali metals, Group 2 as the alkaline earth metals, and Group 17 as the halogens. The two groups that are pulled out on the bottom of the periodic table in rows are called the lanthanide rare earth series (top row) and the actinide series (bottom row).</p> <p> </p> <p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </p><div class="action-background"> <div id="node-172" class="node node-question-set special-feature-type-question-set contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="7e05e98f-6f8c-48d6-a8ef-6155830006bd" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Question Set</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/atoms-molecules-and-compounds/question-set-atoms-molecules-and-compounds" hreflang="und">Atoms, Molecules, and Compounds</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-169" class="node node-special-feature-page special-feature-type-further-investigations contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="f6b86a50-85ea-4386-ba52-1296ff4b1b0c" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Further Investigations</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/atoms-molecules-and-compounds/further-investigations-atoms-molecules-and-compounds" hreflang="und">Atoms, Molecules, and Compounds</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><p> </p> </div> </div> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-toc--topic-page.html.twig * field--node--field-toc.html.twig * field--node--topic-page.html.twig * field--field-toc.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-toc field--type-entity-reference field--label-above"> <div class="field__label">Table of Contents</div> <div class="field__item"><a href="/exploringourfluidearth/toc/chemical/chemistry-and-seawater/atoms-molecules-and-compounds" hreflang="en">Atoms, Molecules, and Compounds</a></div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-representative-image--topic-page.html.twig * field--node--field-representative-image.html.twig * field--node--topic-page.html.twig * field--field-representative-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-representative-image field--type-entity-reference field--label-above"> <div class="field__label">Representative Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="media media--type-image media--view-mode-default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/atomsMoleculesRepImage.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/1_quarter_page/public/atomsMoleculesRepImage.png?itok=sfRr5tZc" width="135" height="62" class="image-style-_-quarter-page" /> </div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Fri, 11 Nov 2011 03:01:41 +0000 paul 119 at https://manoa.hawaii.edu/exploringourfluidearth https://manoa.hawaii.edu/exploringourfluidearth/chemical/chemistry-and-seawater/atoms-molecules-and-compounds#comments