Apply the OLP in these units https://manoa.hawaii.edu/exploringourfluidearth/ en Covalent Compounds https://manoa.hawaii.edu/exploringourfluidearth/chemical/chemistry-and-seawater/covalent-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">Covalent 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">Covalent 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:02</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 class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/ms-ps1-1-develop-models-describe-atomic-composition-simple-molecules-and-extended-structures" hreflang="en">MS-PS1-1 Develop models to describe the atomic composition of simple molecules and extended structures.</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 in this topic will work towards building an understanding of how atoms bond to form covalent compounds.</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"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-oembed--derivative-video--provider-vimeo.html.twig * media--source-oembed--derivative-video.html.twig * media--remote-video--default.html.twig * media--remote-video.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-remote-video media--view-mode-default"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-oembed-video--remote-video.html.twig * field--media--field-media-oembed-video.html.twig * field--media--remote-video.html.twig * field--field-media-oembed-video.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-media-oembed-video field--type-string field--label-hidden field__item"><iframe src="/exploringourfluidearth/media/oembed?url=https%3A//vimeo.com/82320366&amp;max_width=0&amp;max_height=0&amp;hash=7mSTLqIipufDRJwFo6StMcOZ6YsKFHaJRtLMRjcIdGA" frameborder="0" allowtransparency="" width="640" height="360" class="media-oembed-content" title="TSI Mod 2 Day 2 - video #3 - Bonding Review"></iframe> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><h2>Covalent Bonding</h2> <p>Ionic compounds, such as sodium chloride (NaCl), are formed by a <em>transfer</em> of electrons that creates ions. Ions exert electrostatic force on each other, which forms ionic bonds. The hydrogen and oxygen atoms in a water molecule, however, are bonded by <em>sharing</em> electrons rather than by transferring them.</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.27%20Puppies%20demonstrating%20covalent%20bonding.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.27%20Puppies%20demonstrating%20covalent%20bonding.png?itok=bUJdhDFl" width="290" height="248" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.27.&lt;/strong&gt; Puppies demonstrating covalent bonding (&lt;strong&gt;A&lt;/strong&gt;) The two puppies represent atoms, their bones represent one of their electrons. (&lt;strong&gt;B&lt;/strong&gt;) Both puppies share both bones.&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.27.</strong> Puppies demonstrating covalent bonding (<strong>A</strong>) The two puppies represent atoms, their bones represent one of their electrons. (<strong>B</strong>) Both puppies share both bones.</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>Imagine two puppies, each with a bone (Fig. 2.27 A). The puppies represent atoms. The bones represent one of their electrons. Both puppies share both bones (Fig. 2.27 B). This is how hydrogen and oxygen share electrons; they each have an electron that they can share in a bond. This is a <strong>covalent bond</strong>, a bond in which atoms share electrons. Covalent bonding generally happens between nonmetals. Covalent bonding is the type of bond that holds together the atoms within a polyatomic ion.</p> <p> </p> <p>It takes two electrons to make a covalent bond, one from each bonding atom. <strong>Lewis dot structures</strong> are one way to represent how atoms form covalent bonds. A table of Lewis dot symbols of nonmetal elements that form covalent bonds is shown in Fig. 2.28 Dots are placed around the symbol of the element to represent the number of valence electrons in the element. There can be up to eight dots, for eight valence electrons. The first four electrons are placed as single electrons, then the remaining four are paired.</p> <p> </p> <div> <!-- 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.28%20Lewis%20Dot%20Symbols.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/full-page-width/public/M2U2-Fig2.28%20Lewis%20Dot%20Symbols.jpg?itok=PG5dyPfD" width="590" height="109" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.28.&lt;/strong&gt; Lewis dot symbols of nonmetal elements&lt;/p&gt;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;" 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.28.</strong> Lewis dot symbols of nonmetal elements</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> </div> <div> <div> <p>The number of bonds that each element is able to form is usually equal to the number of unpaired electrons. In order to form a covalent bond, each element has to share one unpaired electron.</p> <p> </p> <p>Fig. 2.29 gives an example of how to make a Lewis dot structure. First, determine how many atoms of each element are needed to satisfy the octet rule for each atom. In the formation of water, an oxygen atom has two unpaired electrons, and each hydrogen atom has one (Fig. 2.29 A). To fill its valence shell, oxygen needs two additional electrons, and hydrogen needs one. One oxygen atom can share its unpaired electrons with two hydrogen atoms, each of which need only one additional electron. The single electrons match up to make pairs (Fig. 2.29 B). The oxygen atom forms two bonds, one with each of two hydrogen atoms; therefore, the formula for water is H<sub>2</sub>O. When an electron, or dot, from one element is paired with an electron, or dot, from another element, this makes a bond, which is represented by a line (Fig. 2.29 C).</p> </div> <div> <!-- 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-Fig.2.29%20Tom%20Make%20Water.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/full-page-width/public/M2U2-Fig.2.29%20Tom%20Make%20Water.jpg?itok=T3VRz8p0" width="590" height="107" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.29.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) To make water, oxygen needs two additional electrons, which it can share with two hydrogens, which each need only one additional electron. (B) Single electrons match up to make pairs. (&lt;strong&gt;C&lt;/strong&gt;) Lines between the paired electrons represent bonds.&lt;/p&gt;" 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.29.</strong> (<strong>A</strong>) To make water, oxygen needs two additional electrons, which it can share with two hydrogens, which each need only one additional electron. (B) Single electrons match up to make pairs. (<strong>C</strong>) Lines between the paired electrons represent bonds.</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' --></div> <div> </div> <div> <hr /><p><span style="line-height: 1.538em;">The number of bonds that an element can form is determined by the number of electrons in its valence shell (Fig. 2.29.1). Similarly, the number of electrons in the valence shell also determines ion formation. The octet rule applies for covalent bonding, with a total of eight electrons the most desirable number of unshared or shared electrons in the outer valence shell. For example, carbon has an atomic number of six, with two electrons in shell 1 and four electrons in shell 2, its valence shell (see Fig. 2.29.1). This means that carbon needs four electrons to achieve an octet. Carbon is represented with four unpaired electrons (see Fig. 2.29.1). If carbon can share four electrons with other atoms, its valence shell will be full.</span></p> <p> </p> <div class="blk"> <!-- 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.29.1%20Period%20Table-small.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.29.1%20Period%20Table-small.png?itok=AhzS-fsu" width="290" height="309" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.29.1.&lt;/strong&gt; A periodic table showing electrons in the valence shells&lt;/p&gt;" title="&lt;p&gt;Image by Byron Inouye&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.29.1.</strong> A periodic table showing electrons in the valence shells</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>Most elements involved in covalent bonding need eight electrons to have a complete valence shell. One notable exception is hydrogen (H). Hydrogen can be considered to be in Group 1 or Group 17 because it has properties similar to both groups. Hydrogen can participate in both ionic and covalent bonding. When participating in covalent bonding, hydrogen only needs two electrons to have a full valence shell. As it has only one electron to start with, it can only make one bond.</p> </div> <p> </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-1203" class="node node-attachment special-feature-type-activity-sheet 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="f614f6da-642a-4d9a-b962-a13c43b46aac" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">ACTIVITY SHEET</div> <h2 class="embed-title"> <a target="_blank" href="https://manoa.hawaii.edu/exploringourfluidearth/sites/default/files/M2U2-Fig2.29.1%20Period%20Table.pdf">Fig. 2.29.1 Period Table (printable version)<div class="download-link"></div></a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><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.30%20Single%20Double%20Triple%20Bonds.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.30%20Single%20Double%20Triple%20Bonds.png?itok=aWWVEv7y" width="290" height="203" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.30.&lt;/strong&gt;&amp;nbsp; Examples of single, double, and triple bonds (&lt;strong&gt;A&lt;/strong&gt;) single bonds, H&lt;sub&gt;2&lt;/sub&gt; and Cl&lt;sub&gt;2&lt;/sub&gt; (&lt;strong&gt;B&lt;/strong&gt;) double bonds, O&lt;sub&gt;2&lt;/sub&gt; and CO&lt;sub&gt;2&lt;/sub&gt; (&lt;strong&gt;C&lt;/strong&gt;) triple bond, N&lt;sub&gt;2&lt;/sub&gt;&lt;/p&gt;" title="&lt;p&gt;Image by Byron Inouye&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.30.</strong>  Examples of single, double, and triple bonds (<strong>A</strong>) single bonds, H<sub>2</sub> and Cl<sub>2</sub> (<strong>B</strong>) double bonds, O<sub>2</sub> and CO<sub>2</sub> (<strong>C</strong>) triple bond, N<sub>2</sub></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' --><h2>Single Bonds</h2> <p>Hydrogen is shown in Fig 2.28 with one electron. In the formation of a covalent hydrogen molecule, therefore, each hydrogen atom forms a single bond, producing a molecule with the formula H<sub>2</sub>. A single bond is defined as one covalent bond, or two shared electrons, between two atoms. A molecule can have multiple single bonds. For example, water, H<sub>2</sub>O, has two single bonds, one between each hydrogen atom and the oxygen atom (Fig. 2.29). Figure 2.30 A has additional examples of single bonds.</p> <p> </p> <h2>Double Bonds</h2> <p>Sometimes two covalent bonds are formed between two atoms by each atom sharing two electrons, for a total of four shared electrons. For example, in the formation of the oxygen molecule, each atom of oxygen forms two bonds to the other oxygen atom, producing the molecule O<sub>2</sub>. Similarly, in carbon dioxide (CO<sub>2</sub>), two double bonds are formed between the carbon and each of the two oxygen atoms (Fig. 2.30 B).</p> <p> </p> <h2>Triple Bonds</h2> <p>In some cases, three covalent bonds can be formed between two atoms. The most common gas in the atmosphere, nitrogen, is made of two nitrogen atoms bonded by a triple bond. Each nitrogen atom is able to share three electrons for a total of six shared electrons in the N<sub>2</sub> molecule (Fig. 2.30 C).</p> <div class="embed"> <!-- 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-1204" class="node node-special-feature-page special-feature-type-compare-contrast-connect 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="fe65eb65-12f0-4db3-bc83-c85de54b4eb4" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Compare-Contrast-Connect</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/covalent-compounds/compare-contrast-connect-chemical-structures-visualizing-invisible" hreflang="und">Chemical Structures—Visualizing the Invisible</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></div> <p> </p> <h2>Polyatomic Ions</h2> <p>In addition to elemental ions, there are polyatomic ions. <strong>Polyatomic ions</strong> are ions that are made up of two or more atoms held together by covalent bonds. Polyatomic ions can join with other polyatomic ions or elemental ions to form ionic compounds.</p> <p> </p> <p>It is not easy to predict the name or charge of a polyatomic ion by looking at the formula. Polyatomic ions found in seawater are given in Table 2.10. Polyatomic ions bond with other ions in the same way that elemental ions bond, with electrostatic forces caused by oppositely charged ions holding the ions together in an ionic compound bond. Charges must still be balanced.</p> <p> </p> <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"><caption><strong>Table 2.10.</strong> Common polyatomic ions found in seawater</caption> <thead><tr><th scope="col" style="text-align: center;">Polyatomic Ion</th> <th scope="col" style="text-align: center;">Ion Name</th> </tr></thead><tbody><tr><td style="text-align: center;">NH<sub>4</sub><sup>+</sup></td> <td style="text-align: center;">ammonium</td> </tr><tr><td style="text-align: center;">CO<sub>3</sub><sup>2-</sup></td> <td style="text-align: center;">carbonate</td> </tr><tr><td style="text-align: center;">HCO<sub>3</sub><sup>-</sup></td> <td style="text-align: center;">bicarbonate</td> </tr><tr><td style="text-align: center;">NO<sub>2</sub><sup>-</sup></td> <td style="text-align: center;">nitrite</td> </tr><tr><td style="text-align: center;">NO<sub>3</sub><sup>-</sup></td> <td style="text-align: center;">nitrate</td> </tr><tr><td style="text-align: center;">OH<sup>-</sup></td> <td style="text-align: center;">hydroxide</td> </tr><tr><td style="text-align: center;">PO<sub>4</sub><sup>3-</sup></td> <td style="text-align: center;">phosphate</td> </tr><tr><td style="text-align: center;">HPO<sub>4</sub><sup>2-</sup></td> <td style="text-align: center;">hydrogen phosphate</td> </tr><tr><td style="text-align: center;">SiO<sub>3</sub><sup>2-</sup></td> <td style="text-align: center;">silicate</td> </tr><tr><td style="text-align: center;">SO<sub>3</sub><sup>2-</sup></td> <td style="text-align: center;">sulfite</td> </tr><tr><td style="text-align: center;">SO<sub>4</sub><sup>2-</sup></td> <td style="text-align: center;">sulfate</td> </tr><tr><td style="text-align: center;">HSO<sub>3</sub><sup>-</sup></td> <td style="text-align: center;">bisulfite</td> </tr></tbody></table><p> </p> <p>Fig. 2.31 shows how ionic compounds form from elemental ions and polyatomic ions. For example, in Fig. 2.31 A, it takes two K<sup>+</sup> ions to balance the charge of one (SiO<sub>2</sub>)<sup>2-</sup> ion to form potassium silicate. In Figure 2.31 B, ammonium and nitrate ions have equal and opposite charges, so it takes one of each to form ammonium nitrate.</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.31A-Potassium.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.31A-Potassium.jpg?itok=dWCkGALD" width="290" height="102" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.31.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) The formation potassium silicate&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.31.</strong> (<strong>A</strong>) The formation potassium silicate</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' --> <!-- 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.31B-Ammonium.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.31B-Ammonium.jpg?itok=7wtYUqCp" width="290" height="102" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.31.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) The formation of ammonium nitrate&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.31.</strong> (<strong>B</strong>) The formation of ammonium nitrate</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' --><hr /><p> </p> <p><span style="line-height: 1.538em;">P</span><span style="line-height: 1.538em;">olyatomic ions can bond with monatomic ions or with other polyatomic ions to form compounds. In order to form neutral compounds, the total charges must be balanced.</span></p> <p> </p> <h2>Comparison of Ionic and Covalent Bonds</h2> <p>A molecule or compound is made when two or more atoms form a chemical bond that links them together. As we have seen, there are two types of bonds: ionic bonds and covalent bonds. In an ionic bond, the atoms are bound together by the electrostatic forces in the attraction between ions of opposite charge. Ionic bonds usually occur between metal and nonmetal ions. For example, sodium (Na), a metal, and chloride (Cl), a nonmetal, form an ionic bond to make NaCl. In a covalent bond, the atoms bond by sharing electrons. Covalent bonds usually occur between nonmetals. For example, in water (H<sub>2</sub>O) each hydrogen (H) and oxygen (O) share a pair of electrons to make a molecule of two hydrogen atoms single bonded to a single oxygen atom.</p> <p> </p> <p>In general, ionic bonds occur between elements that are far apart on the periodic table. Covalent bonds occur between elements that are close together on the periodic table. Ionic compounds tend to be brittle in their solid form and have very high melting temperatures. Covalent compounds tend to be soft, and have relatively low melting and boiling points. Water, a liquid composed of covalently bonded molecules, can also be used as a test substance for other ionic and covalently compounds. Ionic compounds tend to dissolve in water (e.g., sodium chloride, NaCl); covalent compounds sometimes dissolve well in water (e.g., hydrogen chloride, HCl), and sometimes do not (e.g., butane, C<sub>4</sub>H<sub>10</sub>). Properties of ionic and covalent compounds are listed in Table 2.11.</p> <p> </p> <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"><caption><strong>Table 2.11.</strong> Properties of ionic and covalent compounds</caption> <thead><tr><th scope="col" style="text-align: center;">Property</th> <th scope="col" style="text-align: center;">Ionic</th> <th scope="col" style="text-align: center;">Covalent</th> </tr></thead><tbody><tr><td style="text-align: center;"><em>How bond is made</em></td> <td style="text-align: center;">Transfer of e<sup>-</sup></td> <td style="text-align: center;">Sharing of e<sup>-</sup></td> </tr><tr><td style="text-align: center;"><em>Bond is between</em></td> <td style="text-align: center;">Metals and nonmetals</td> <td style="text-align: center;">Nonmetals</td> </tr><tr><td style="text-align: center;"><em>Position on periodic table</em></td> <td style="text-align: center;">Opposite sides</td> <td style="text-align: center;">Close together</td> </tr><tr><td style="text-align: center;"><em>Dissolve in water?</em></td> <td style="text-align: center;">Yes</td> <td style="text-align: center;">Varies</td> </tr><tr><td style="text-align: center;"><em>Consistency</em></td> <td style="text-align: center;">Brittle</td> <td style="text-align: center;">Soft</td> </tr><tr><td style="text-align: center;"><em>Melting temperature</em></td> <td style="text-align: center;">High</td> <td style="text-align: center;">Low</td> </tr></tbody></table><p> </p> <p>The properties listed in Table 2.11 are exemplified by sodium chloride (NaCl) and chlorine gas (Cl2). Like other ionic compounds, sodium chloride (Fig. 2.32 A) contains a metal ion (sodium) and a nonmetal ion (chloride), is brittle, and has a high melting temperature. Chlorine gas (Fig. 2.32 B) is similar to other covalent compounds in that it is a nonmetal and has a very low melting temperature.</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.32A%20sodium%20chloride.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.32A%20sodium%20chloride.jpg?itok=4YPWBZTs" width="290" height="317" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.32.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) sodium chloride (NaCl), an ionic compound&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of Edal Anton Lefterov from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Common-salt.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Common-salt.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.32.</strong> (<strong>A</strong>) sodium chloride (NaCl), an ionic compound</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 Edal Anton Lefterov from <a href="http://commons.wikimedia.org/wiki/File:Common-salt.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.25a.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.25a.jpg?itok=Zy9H8XkX" width="290" height="317" alt="&lt;p&gt;&lt;b&gt;Fig. 2.32.&amp;nbsp;&lt;/b&gt;(&lt;b&gt;B&lt;/b&gt;) chlorine gas (Cl&lt;sub&gt;2&lt;/sub&gt;), a covalent compound&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of Tomihahndorf from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Chlor_amp.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Chlor_amp.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><b>Fig. 2.32. </b>(<b>B</b>) chlorine gas (Cl<sub>2</sub>), a covalent compound</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:Chlor_amp.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> <h2>Dissolving, Dissociating, and Diffusing</h2> <p><span style="line-height: 1.538em;">Ionic and covalent compounds also differ in what happens when they are placed in water, a common solvent. For example, when a crystal of sodium chloride is put into water, it may seem as though the crystal simply disappears. Three things are actually happening.</span></p> <ol><li>A large crystal (Fig. 2.33 A) will dissolve, or break down into smaller and smaller pieces, until the pieces are too small to see (Fig. 2.33 B).</li> <li>At the same time, the ionic solid dissociates, or separates into its charged ions (Fig 2.33 C). </li> <li>Finally, the dissociated ions diffuse, or mix, throughout the water (Fig 2.34).</li> </ol><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.33%20Dissolve.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.33%20Dissolve.png?itok=k-tF9hHS" width="590" height="264" alt="&lt;p&gt;&lt;strong&gt;Fig 2.33.&lt;/strong&gt; Dissolution and dissociation of sodium chloride. Sodium and chloride ions in (&lt;strong&gt;A&lt;/strong&gt;) a large crystal, (&lt;strong&gt;B&lt;/strong&gt;) dissolved in water as smaller crystals, and (&lt;strong&gt;C&lt;/strong&gt;) dissociated in water.&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.33.</strong> Dissolution and dissociation of sodium chloride. Sodium and chloride ions in (<strong>A</strong>) a large crystal, (<strong>B</strong>) dissolved in water as smaller crystals, and (<strong>C</strong>) dissociated in water.</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><span style="line-height: 1.538em;">Ionic compounds like sodium chloride dissolve, dissociate, and diffuse. Covalent compounds, like sugar and food coloring, can dissolve and diffuse, but they do not dissociate. Fig. 2.34, is a time series of drops of food coloring diffusing in water. Without stirring, the food coloring will mix into the water through only the movement of the water and food coloring molecules.</span></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.34-diffusion.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.34-diffusion.png?itok=OL0v6rAr" width="590" height="305" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.34.&lt;/strong&gt; A time series of food coloring diffusing in water&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Jordan Wang&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.34.</strong> A time series of food coloring diffusing in water</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 Jordan Wang</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>Dissociated sodium (Na<sup>+</sup>) and chloride (Cl<sup>-</sup>) ions in salt solutions can form new salt crystals (NaCl) as they become more concentrated in the solution. As water evaporates, the salt solution becomes more and more concentrated. Eventually, there is not enough water left to keep the sodium and chloride ions from interacting and joining together, so salt crystals form. This occurs naturally in places like salt evaporation ponds (Fig. 2.35 A), in coastal tidepools, or in hot landlocked areas (Fig. 2.35 B). Salt crystals can also be formed by evaporating seawater in a shallow dish, as in the <a href="http://manoa.hawaii.edu/exploringourfluidearth/?q=chemical/chemistry-and-seawater/salty-sea/activity-recovering-salts-seawater" target="_blank">Recovering Salts from Seawater Activity</a>.</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.35A-SaltPondSFO.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.35A-SaltPondSFO.jpg?itok=VWS7y6vq" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.35.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) Salt evaporation ponds on the shores of San Francisco Bay&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;http://www.flickr.com/photos/docsearls/4096991080/sizes/l/in/photostream/&quot; href=&quot;http://www.flickr.com/photos/docsearls/4096991080/sizes/l/in/photostream/&quot; target=&quot;_blank&quot;&gt;Doc Searls&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.35.</strong> (<strong>A</strong>) Salt evaporation ponds on the shores of San Francisco Bay</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/docsearls/4096991080/sizes/l/in/photostream/" target="_blank">Doc Searls</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.35B-SaltBadwaterBasin.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.35B-SaltBadwaterBasin.jpg?itok=ZsFQrzWm" width="290" height="193" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.35.&lt;/strong&gt; (&lt;strong&gt;B&lt;/strong&gt;) Salt crystals in Badwater Basin, the lowest point in North America in Death Valley National Park&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of Arlene Philippoff&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.35.</strong> (<strong>B</strong>) Salt crystals in Badwater Basin, the lowest point in North America in Death Valley National Park</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 Arlene Philippoff</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> </div> </div> <div> <div class="embed"> <!-- 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-183" 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="9710a8c1-0de0-467e-85f6-f508db135aa4" 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/covalent-compounds/question-set-comparing-ionic-and-covalent-compounds" hreflang="und">Comparing Ionic and Covalent Compounds</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> <div class="embed"> <!-- 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-184" 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="a46a5ec3-9dc6-479a-ad09-bc184dae962d" 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/covalent-compounds/further-investigations-ionic-and-covalent-compounds" hreflang="und">Ionic and Covalent 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></div> </div> <p> </p> </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/covalent-compounds" hreflang="en">Covalent 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/covalentbondRepImage.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/covalentbondRepImage.png?itok=n_AJccRl" 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:02:02 +0000 paul 122 at https://manoa.hawaii.edu/exploringourfluidearth Ionic Compounds https://manoa.hawaii.edu/exploringourfluidearth/chemical/chemistry-and-seawater/ionic-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">Ionic 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">Ionic 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/ms-ps1-1-develop-models-describe-atomic-composition-simple-molecules-and-extended-structures" hreflang="en">MS-PS1-1 Develop models to describe the atomic composition of simple molecules and extended structures.</a></div> <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 in this topic will work towards building an understanding of how atoms form ions and ions bond to form ionic compounds.</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>Electron Shells</h2> <p>Electrons are in constant motion outside of an atom’s nucleus. The <strong>electron shell</strong> is the region that the electrons travel in (see Fig. 2.21). Electron shells are labeled with numbers 1 through 7. Each shell holds an increasing number of electrons, beginning with electron shell 1, which holds a maximum of two electrons (see Table 2.6).</p> <p> </p> <table border="1" cellpadding="1" cellspacing="1" style="width: 470px;"><caption><strong>Table 2.6.</strong> Maximum number of electrons in each shell, up to shell 7</caption> <thead><tr><th scope="col" style="text-align: center;">Electron Shell</th> <th scope="col" style="text-align: center;">Number of electrons per shell</th> </tr></thead><tbody><tr><td style="text-align: center;">1</td> <td style="text-align: center;">2</td> </tr><tr><td style="text-align: center;">2</td> <td style="text-align: center;">8</td> </tr><tr><td style="text-align: center;">3</td> <td style="text-align: center;">18</td> </tr><tr><td style="text-align: center;">4</td> <td style="text-align: center;">32</td> </tr><tr><td style="text-align: center;">5</td> <td style="text-align: center;">50</td> </tr><tr><td style="text-align: center;">6</td> <td style="text-align: center;">50</td> </tr><tr><td style="text-align: center;">7</td> <td style="text-align: center;">50</td> </tr></tbody></table><p> </p> <p>In theory, electron shells 6 and 7 can hold more electrons, but in the known elements, 50 is the maximum number of electrons in these shells.</p> <p> </p> <p>When one shell fills to its limit, electrons are added to the next shell. In a neutral atom, the number of negatively charged electrons is equal to the number of positively charged protons.</p> <ul><li>Hydrogen (H), with atomic number one, has one electron in shell 1 (Fig. 2.21 A).</li> <li>Oxygen (O), with atomic number eight, has a total of eight electrons, two in shell 1 and six in shell 2 (Fig. 2.21 B).</li> <li>Sodium (Na), with atomic number eleven, has two electrons in shell 1, eight electrons in shell 2, and one electron in shell 3. (Fig. 2.21 C).</li> </ul><p> </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.21-AtomShellElectron.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.21-AtomShellElectron.png?itok=FrZ2-7sk" width="590" height="206" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.21.&lt;/strong&gt;&amp;nbsp; (&lt;strong&gt;A&lt;/strong&gt;) Hydrogen atom (atomic number 1, 1 proton, 1 electron) (&lt;strong&gt;B&lt;/strong&gt;) Oxygen atom (atomic number 8, 8 protons, 8 electrons). Note that not all of the protons and neutrons are visible. (&lt;strong&gt;C&lt;/strong&gt;) Sodium atom (atomic number 11, 11 protons, 11 electrons) Note that not all of the protons and neutrons are visible.&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.21.</strong>  (<strong>A</strong>) Hydrogen atom (atomic number 1, 1 proton, 1 electron) (<strong>B</strong>) Oxygen atom (atomic number 8, 8 protons, 8 electrons). Note that not all of the protons and neutrons are visible. (<strong>C</strong>) Sodium atom (atomic number 11, 11 protons, 11 electrons) Note that not all of the protons and neutrons are visible.</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>As the electron shells go from 1 to 7, they increase in size and average energy. In other words, the farther the shell is from the nucleus, the larger it is, and the higher its average energy. The <strong>valence shell</strong> is the outermost electron shell of an atom. In general, the electrons in valence shells determine how the atom behaves in chemical reactions. For example, atoms with complete valence shells, the noble gases, are the least chemically reactive. On the other hand, electrons that have only one electron in their valence shells (Group 1 elements) or elements that are just one electron short of having a complete shell (Group 17) are the most reactive.</p> <p> </p> <h2>Ions</h2> <p>While the atomic number, the number of protons in the nucleus, never changes, some electrons are easily lost or gained by an atom. When an atom gains or loses an electron, the atom no longer has a balanced charge. Therefore, the atom is no longer neutral. An <strong>ion</strong> is a charged atom. An atom that has gained negatively charged electrons becomes negative. A <strong>negative ion</strong> or <strong>anion</strong> is an atom that has gained electrons. An atom that has lost negatively charged electrons becomes positive. A <strong>positive ion</strong> or <strong>cation</strong> is an atom that has lost electrons.</p> <p> </p> <p>Nonmetals tend to gain electrons and become anions. For example, in Fig. 2.22 A, a neutral oxygen atom (O), with eight protons and eight electrons, gains two electrons. This gives it two more negative charges than positive charges and an overall charge of 2–. Metal elements tend to lose electrons and become cations. For example, in Fig. 2.22 B, a neutral sodium atom (Na), with 11 protons and 11 electrons, loses one electron. This gives it one less negative charge than positive charges and an overall charge of 1+.</p> <p> </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.22%20Nonmetal%20Metal%20Elements.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/full-page-width/public/M2U2-Fig2.22%20Nonmetal%20Metal%20Elements.jpg?itok=LO4LBgLT" width="590" height="507" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.22.&lt;/strong&gt; &amp;nbsp;(&lt;strong&gt;A&lt;/strong&gt;) Nonmetal elements like oxygen (O) tend to gain electrons and become anions. Note that not all of the protons and neutrons are visible. (&lt;strong&gt;B&lt;/strong&gt;) Metal elements like sodium (Na) tend to lose electrons and become cations. Note that not all of the protons and neutrons are visible.&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.22.</strong>  (<strong>A</strong>) Nonmetal elements like oxygen (O) tend to gain electrons and become anions. Note that not all of the protons and neutrons are visible. (<strong>B</strong>) Metal elements like sodium (Na) tend to lose electrons and become cations. Note that not all of the protons and neutrons are visible.</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>Group 18 elements, the noble gases, are very stable (non-reactive). This is because they have completely full valence electron shells. The octet rule states that regardless of how many electrons a shell can potentially hold, the valence shell can only hold eight electrons. The noble gases have eight electrons in their valence shells. Other elements will gain or lose electrons to achieve completely full valence shells, eight electrons in the valence shell, so that they are also stable. In Fig. 2.22 A, the oxygen atom gained two electrons so that it had eight electrons in shell 2, its valence shell. In Fig. 2.22 B, sodium lost one electron so that it had eight electrons in shell 2, which becomes its valence shell.</p> <p> </p> <p>The periodic table can help in predicting the type of ion that an element will form based on how many electrons need to be gained or lost for it to become stable. Elements will gain or lose electrons to have the same configuration as a noble gas, in other words, to have a full octet. Atoms tend to gain or lose the least number of electrons to achieve a full octet. In other words, if an atom could lose one electron or gain seven to have a full octet, it will lose one.</p> <p> </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-179" 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="97f37f66-719f-4717-971a-4c15cd108cdc" 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/ionic-compounds/question-set-using-periodic-table-predict-ion-formation" hreflang="und">Using The Periodic Table to Predict Ion Formation</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><p> </p> <h2>Ion Formation Patterns</h2> <p>In general, atoms form ions according to the following patterns:</p> <ol><li>Metals in Group 1 have only one electron in their valence shell. They can give up this one electron and become 1+. Group 2 elements give up two electrons to become 2+, and Group 3 give up three electrons to become 3+.</li> <li>Nonmetals in Group 17 need just one electron to complete their valence shell. They can gain one electron and become 1–. Group 16 elements gain two electrons to become 2–, and Group 15 elements gain three electrons to become 3–.</li> <li>All the remaining metal elements produce at least one ion with a charge of 2+.</li> </ol><p> </p> <p>Some elements can form ions with two or more different charges. Iron (Fe), for example, can form both an iron ion with 2+ (Fe<sup>2+</sup>) and an iron ion with 3+ (Fe<sup>3+</sup>).</p> <p> </p> <h2>Naming Ions</h2> <p>A neutral sodium (Na) atom loses one electron to form a sodium ion (Na<sup>+</sup>) with a charge of 1+ (see Table 2.8). A positive ion, or cation, has the same name as the element. Thus there are sodium (Na<sup>+</sup>) ions as well as potassium (K<sup>+</sup>) ions, calcium (Ca<sup>2+</sup>) ions, and aluminum (Al<sup>3+</sup>) ions. Notice that if the charge of an ion is 1+, the symbol is a superscript plus (<sup>+</sup>), without the number 1 (e.g., Na<sup>+</sup>).</p> <p> </p> <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"><caption><strong>Table 2.8.</strong> Naming positive and negative ions</caption> <thead><tr><th scope="col" style="text-align: center;">Element</th> <th scope="col" style="text-align: center;">Element Name</th> <th scope="col" style="text-align: center;">Protons in neutral atom</th> <th scope="col" style="text-align: center;">Electrons in neutral atom</th> <th scope="col" style="text-align: center;">Electrons gained or lost to achieve octet</th> <th scope="col" style="text-align: center;">Ion formed</th> <th scope="col" style="text-align: center;">Ion Name</th> </tr></thead><tbody><tr><td style="text-align: center;"><strong>Na</strong></td> <td style="text-align: center;">Sodium</td> <td style="text-align: center;">11</td> <td style="text-align: center;">11</td> <td style="text-align: center;">1 lost</td> <td> <p style="text-align: center;">Na<sup>+</sup> (cation)</p> </td> <td style="text-align: center;">Sodium ion</td> </tr><tr><td style="text-align: center;"><strong>Cl</strong></td> <td style="text-align: center;">Chlorine</td> <td style="text-align: center;">17</td> <td style="text-align: center;">17</td> <td style="text-align: center;">1 gained</td> <td style="text-align: center;">Cl- (anion)</td> <td style="text-align: center;">Chlor<em>ide</em> ion</td> </tr></tbody></table><p> </p> <p>A neutral chlorine (Cl) atom that gains one electron changes into a chloride ion (Cl<sup>-</sup>) with a charge of 1– (see Table 2.8). To name a negative ion, or anion, the last part of the name of the atom is dropped and replaced with -ide. Thus there are chloride ions (Cl<sup>-</sup>), fluoride (F<sup>-</sup>) ions, sulfide (S<sup>2-</sup>) ions, and nitride (N<sup>3-</sup>) ions. Notice that if the charge of an ion is 1–, the symbol is a superscript minus (<sup>-</sup>), without the number 1 (e.g., Cl<sup>-</sup>).</p> <p> </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-180" 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="28efd613-256a-4e7b-83a4-b43e8e440db5" 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/ionic-compounds/question-set-ions-seawater" hreflang="und">Ions in Seawater</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><p> </p> <h2>Ionic Compounds</h2> <p>An <strong>ionic compound</strong> is a compound that is formed by ionic bonding. Ionic bonding occurs through a process called <strong>electron transfer</strong>, where one atom gives electrons to another. Imagine two puppies. One of the puppies has a bone (Fig. 2.23 A). The puppies represent atoms. The bone represents an electron. The puppies are both neutral. One puppy is a thief and steals the bone from the other puppy. The puppy thief now has the bone (Fig. 2.23 B). The puppy that does not have a bone, that lost its electron and is now positively charged, will follow the thief puppy, which has a negative charge, around to form a puppy pair. The puppy pair is the ionic compound (Fig. 2.23 C).</p> <p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.23A-PuppyRepresent.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/quarter_200w_/public/M2U2-Fig2.23A-PuppyRepresent.jpg?itok=6jyvagns" width="135" height="60" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.23.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;A&lt;/strong&gt;) The two puppies represent atoms, the bone represents one of their electrons.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.23.</strong> (<strong>A</strong>) The two puppies represent atoms, the bone represents one of their electrons.</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.23B-PuppySteal.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/quarter_200w_/public/M2U2-Fig2.23B-PuppySteal.jpg?itok=eSEUDGGt" width="135" height="60" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.23.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) One puppy steals the other puppy’s bone.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.23.</strong> (<strong>B</strong>) One puppy steals the other puppy’s bone.</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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/Screen%20Shot%202015-02-24%20at%202.56.24%20PM.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/quarter_200w_/public/Screen%20Shot%202015-02-24%20at%202.56.24%20PM.png?itok=AOPZMxFO" width="135" height="60" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.23.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;C&lt;/strong&gt;) The puppy with no bone follows the thief puppy around.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.23.</strong> (<strong>C</strong>) The puppy with no bone follows the thief puppy around.</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' --><hr /><p> </p> <p>In electron transfer, an atom of one element loses one or more electrons, and an atom of another element gains those electrons. Both of the atoms involved in electron transfer become ions. The atom that gains the electrons becomes a negatively changed anion, the atom that loses the electrons becomes a positively charged cation. The opposite charges on the ions cause the ions to bond, or be held together, by electrostatic forces. An <strong>ionic bond</strong> is a bond between ions where oppositely charged atoms attract each other and cancel their charges to produce neutral compounds.</p> <p> </p> <p>Information about electron shells and ion formation can be used to predict how elements will interact to form ionic compounds. For example, each element in Group 1 gives up one electron to become a 1+ cation. Each element in Group 17 can gain one electron to become a 1– anion. Elements from Groups 1 and 17 can combine to form ionic compounds in a one-to-one ratio. Therefore, one lithium (Li) cation bonds with one fluorine (F) anion as lithium flouride (LiF). Other examples of ionic compounds that combine in a ratio of one cation to one anion are sodium chloride (NaCl) and potassium iodide (KI). In comparison, Group 1 cations (1+) combine with Group 16 anions (2–) in a two-to-one ratio. So, there are two lithium cations for every oxygen anion when they bond to form lithium oxide (Li<sub>2</sub>O). Bonds between other elements in Groups 1 and 16 also form two-to-one ratios. Examples of these include potassium oxide (K<sub>2</sub>O), lithium sulfide (Li<sub>2</sub>S), and sodium sulfide (Na<sub>2</sub>S).</p> <p> </p> <p>An example of a one-to-one ratio ionic bond is shown in Fig. 2.24. A sodium atom transfers an electron to a chlorine atom (Fig. 2.24 A). During this process, the sodium has lost an electron to become a positive Na<sup>+</sup> cation and chlorine has gained an electron to become a Cl<sup>–</sup> anion (Fig. 2.24 B). The Na<sup>+</sup> ion then bonds to the Cl<sup>–</sup> ion by electrostatic forces. The 1+ charge of the sodium is balanced by the 1– charge of the chlorine. The resulting sodium chloride (NaCl) compound is neutrally charged (Fig. 2.24 C).</p> <p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.24A-ElectronTransfer.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/quarter_200w_/public/M2U2-Fig2.24A-ElectronTransfer.jpg?itok=4-x-xh0q" width="135" height="66" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.24.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) Electron transfer&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.24.</strong> (<strong>A</strong>) Electron transfer</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.24B-Attraction.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/quarter_200w_/public/M2U2-Fig2.24B-Attraction.jpg?itok=n-BJ0dUr" width="135" height="66" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.24.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) Attraction by electrostatic force&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.24.</strong> (<strong>B</strong>) Attraction by electrostatic force</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.24C-IonicBond.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/quarter_200w_/public/M2U2-Fig2.24C-IonicBond.jpg?itok=GC0g1MXA" width="135" height="59" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.24.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;C&lt;/strong&gt;) Ionic bond&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.24.</strong> (<strong>C</strong>) Ionic bond</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' --><hr /><p> </p> <p>An example of a two-to-one ratio ionic bond is shown in Fig. 2.25 for magnesium and chlorine. Because each magnesium atom can lose two electrons, and each chlorine atom can only gain one electron, magnesium must transfer its two electrons to two chlorine atoms. The magnesium cation (Mg<sup>2+</sup>) then bonds with two chloride anions (Cl<sup>-</sup>).</p> <p> </p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.25A-ElectronTransfer.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/quarter_200w_/public/M2U2-Fig2.25A-ElectronTransfer.jpg?itok=h4SK_aUG" width="135" height="68" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.25.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) Electron transfer&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.25.</strong> (<strong>A</strong>) Electron transfer</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.25B-Attraction.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/quarter_200w_/public/M2U2-Fig2.25B-Attraction.jpg?itok=vcTY8z4n" width="135" height="68" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.25.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) Attraction by electrostatic force&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.25.</strong> (<strong>B</strong>) Attraction by electrostatic force</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' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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.25C-IonicBond.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/quarter_200w_/public/M2U2-Fig2.25C-IonicBond.jpg?itok=IEqm4_34" width="135" height="43" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.25.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;C&lt;/strong&gt;) Ionic bond&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.25.</strong> (<strong>C</strong>) Ionic bond</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' --><hr /><p> </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-181" 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="c9b619c0-d561-4468-8362-cf3daac1f2d5" 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/ionic-compounds/question-set-ionic-compounds" hreflang="und">Ionic Compounds</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><p> </p> <h2>Salts are Ionic Compounds</h2> <p>When most people use the word salt, they mean a specific kind of salt, sodium chloride (NaCl). Sodium chloride is the common table salt that we put on food. However, the term salt has a more general meaning in chemistry; <strong>salts</strong> are ionic compounds formed of cations and anions held together by ionic bonding.</p> <p>In a crystal of table salt, sodium and chloride ions are arranged very closely together. A single, tiny crystal of table salt can be composed of a billion trillion ions. The sodium and chloride ions in table salt are arranged very closely together, their arrangement forms a crystal in the shape of a cube. In other salts, the ions may be arranged differently to form crystals of different shapes (Fig. 2.26).</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.6A-BlueSalt.jpeg" 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.6A-BlueSalt.jpeg?itok=eCajL37T" width="290" height="245" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.26.&lt;/strong&gt; (&lt;strong&gt;A&lt;/strong&gt;) copper sulfate salt crystals&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of&amp;nbsp;Ra'ike from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Chalcanthite-cured.JPG&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Chalcanthite-cured.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.26.</strong> (<strong>A</strong>) copper sulfate salt crystals</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 Ra'ike from <a href="http://commons.wikimedia.org/wiki/File:Chalcanthite-cured.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.26B-Nigari.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.26B-Nigari.jpg?itok=sT7CiPPB" width="290" height="245" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.26.&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;B&lt;/strong&gt;) magnesium chloride salt crystals&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of Romain Behar from &lt;a data-cke-saved-href=&quot;http://commons.wikimedia.org/wiki/File:Nigari.jpg&quot; href=&quot;http://commons.wikimedia.org/wiki/File:Nigari.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.26.</strong> (<strong>B</strong>) magnesium chloride salt crystals</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 Romain Behar from <a href="http://commons.wikimedia.org/wiki/File:Nigari.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> <!-- 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-1181" 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="0ac59fea-f3c8-4d8d-b6c7-314703fe493b" 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/ionic-compounds/question-set-salts-are-ionic-compounds" hreflang="und">Salts are Ionic 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-1182" class="node node-special-feature-page special-feature-type-weird-science 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="89d7d8eb-411c-4f46-b712-2a38c8e6ad8d" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Weird Science</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/ionic-compounds/weird-science-salt-fortification-and-additives" hreflang="und">Salt Fortification and Additives</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> <!-- 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-1184" class="node node-special-feature-page special-feature-type-compare-contrast-connect 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="74bedaa8-0c75-47ef-b38f-064ff5cc2b44" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Compare-Contrast-Connect</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/chemical/chemistry-and-seawater/ionic-compounds/compare-contrast-connect-role-salt-human-history" hreflang="und">The Role of Salt in Human History</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> <!-- 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-1183" 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="9816a1ee-1e69-4000-9b48-3f4165c55862" 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/physical/ocean-depths/depth-zones/question-set-depth-zones" hreflang="und">Depth Zones</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-182" 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="ac8f9fd0-85ef-4b96-a330-06b53ddb44d1" 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/ionic-compounds/further-investigations-ionic-compounds" hreflang="und">Ionic Bonding</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> </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/ionic-compounds" hreflang="en">Ionic 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/ionicTopicRepImage.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/ionicTopicRepImage.png?itok=FKpWHnot" 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:58 +0000 paul 121 at https://manoa.hawaii.edu/exploringourfluidearth Density, Temperature, and Salinity https://manoa.hawaii.edu/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity <!-- 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">Density, Temperature, and Salinity</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">Density, Temperature, and Salinity</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">Tue, 06/21/2011 - 09:48</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/ms-ps1-1-develop-models-describe-atomic-composition-simple-molecules-and-extended-structures" hreflang="en">MS-PS1-1 Develop models to describe the atomic composition of simple molecules and extended structures.</a></div> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/ms-ps2-2-plan-investigation-provide-evidence-change-object-s-motion-depends-sum-forces-object-and" hreflang="en">MS-PS2-2 Plan an investigation to provide evidence that the change in an object’s motion depends on the sum of the forces on the object and the mass of the object.</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 how salinity and temperature differences affect the density and buoyancy of water layers in the ocean.</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>Density</h2> <p><strong>Density </strong>is a measure of how much mass there is in a given <strong>volume</strong> or amount of space. The density of any substance is calculated by dividing the mass of the matter by the volume of the matter.</p> <table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 600px;"><tbody><tr><td style="width: 200px; background-color: rgb(255, 255, 255);">                    </td> <td style="width: 200px; background-color: rgb(255, 255, 255);"> <!-- 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="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/Formula-Density.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/Formula-Density.png?itok=KFTd5kWh" width="290" height="82" 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' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></td> <td style="width: 200px; background-color: rgb(255, 255, 255);"> </td> </tr></tbody></table><hr /><p>In Fig. 2.2, volume is represented by boxes and individual particles of matter are represented by colored shapes.</p> <ul><li>Box A has five spheres.</li> <li>Box B is the same size, and has the same volume as box A, but box B has 10 spheres.</li> <li>Box C has the same mass as box A, with five spheres, but box C has a larger volume than boxes A and B.</li> <li>Box D has the same volume and number of green spheres as part A, but also includes other types of matter than the rest of the boxes—red circles and blue cubes.</li> </ul><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="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/M1U2-Fig2-02-Increasing_Mass.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/M1U2-Fig2-02-Increasing_Mass.png?itok=wZBCeIGS" width="590" height="295" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.2.&amp;nbsp;&lt;/strong&gt;&lt;span style=&quot;line-height: 1.538em;&quot;&gt;The boxes and colored shapes in this figure demonstrate the effects of changing mass and volume on density.&lt;/span&gt;&lt;/p&gt;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;" 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.2. </strong><span style="line-height: 1.538em;">The boxes and colored shapes in this figure demonstrate the effects of changing mass and volume on density.</span></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' --><p>If the amount of matter is increased without changing the volume, then the density increases (Fig. 2.2 A to 2.2 B). If volume increases without an increase in mass, then the density decreases (Fig. 2.2 A to 2.2 C). Adding additional matter to the same volume also increases density, even if the matter added is a different type of matter (Fig. 2.2 A to 2.2 D).</p> <p> </p> <h2>Salinity Affects Density</h2> <p>When salt is dissolved in fresh water, the density of the water increases because the mass of the water increases. This is represented by the addition of red spheres and blue cubes to the box from Fig. 2.2 A to Fig. 2.2 D. <strong>Salinity</strong> describes how much salt is dissolved in a sample of water. The more salt there is dissolved in the water, the greater its salinity. When comparing two samples of water with the same volume, the water sample with higher salinity will have greater mass, and it will therefore be more dense.</p> <p> </p> <h2>Temperature Affects Density</h2> <p>The density of water can also be affected by temperature. When the same amount of water is heated or cooled, its density changes. When the water is heated, it expands, increasing in volume. This is represented by the increase in the size of the box from Fig. 2.2 A to 2.2 C. The warmer the water, the more space it takes up, and the lower its density. When comparing two samples of water with the same salinity, or mass, the water sample with the higher temperature will have a greater volume, and it will therefore be less dense.</p> <p> </p> <h2>Relative Density</h2> <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="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/M1U2-Fig2-04-Comparing_Density2.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/M1U2-Fig2-04-Comparing_Density2.png?itok=MqJssBKP" width="590" height="259" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.3. &lt;/strong&gt;(&lt;strong&gt;A&lt;/strong&gt;) The bag filled with yellow liquid is floating on the surface. (&lt;strong&gt;B&lt;/strong&gt;) The bag filled with orange liquid is floating in mid-water (subsurface floating). (&lt;strong&gt;C&lt;/strong&gt;) The bag filled with green liquid has sunk to the bottom of the beaker.&lt;/p&gt;" title="&lt;p&gt;Images by Byron Inouye&lt;/p&gt;" 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.3. </strong>(<strong>A</strong>) The bag filled with yellow liquid is floating on the surface. (<strong>B</strong>) The bag filled with orange liquid is floating in mid-water (subsurface floating). (<strong>C</strong>) The bag filled with green liquid has sunk to the bottom of the beaker.</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 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' --><p>In Fig. 2.3, the beaker of liquid models a body of water like the ocean or a lake. The bag of liquid simulates a layer of water. The <strong>relative density</strong> of the liquid in the bag compared to the liquid in the beaker can be determined by observing whether the bag sinks or floats.</p> <ul><li>In Fig. 2.3 A, the bag rose to the top of the beaker and is now floating on the surface. The yellow liquid and the bag are less dense than the liquid in the beaker.</li> <li>In Fig. 2.3 B, the bag is floating in mid-water (subsurface floating). The orange liquid and the bag are equal in density to the liquid in the beaker.</li> <li>In Fig. 2.3 C, the bag sank to the bottom of the beaker. The green liquid and the bag are more dense than the liquid in the beaker.</li> </ul><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-329" class="node node-special-feature-page special-feature-type-weird-science 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="fb806c32-6cc2-42a7-93a6-74bc6eaf0d30" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Weird Science</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity/weird-science-macroscopic-changes-liquid-water-volume" hreflang="und">Macroscopic Changes in Liquid Water Volume</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> <!-- 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-142" class="node node-special-feature-page special-feature-type-compare-contrast-connect 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="922cff10-9343-4285-b2be-ab4a7ce88bd9" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Compare-Contrast-Connect</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity/compare-contrast-connect-human-density" hreflang="und">Human Density</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> <!-- 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-143" class="node node-special-feature-page special-feature-type-practices-of-science 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="f18da133-e3d0-490d-a339-ad3c9e7b3c30" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Practices of Science</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity/practices-science-making-simulated-seawater" hreflang="und">Making Simulated Seawater</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> <!-- 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-144" 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="e1eb7fcb-8ed7-4f02-8ead-c74b5882b16d" 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/physical/density-effects/density-temperature-and-salinity/activity-density-bags" hreflang="und">Density Bags</a> </h2> <div class="field-item even"><p>Test the effects of salinity and temperature on the floating and sinking of liquid samples in bags.</p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div><br /><h2>Water Layers</h2> <p>If water masses have salinity or temperature differences, they will form water layers because they have different densities. Water layers can sometimes be felt when swimming. For example, on hot days the sun’s heat can make water at the surface noticeably warmer than the deeper, cooler water. The relative density of one water mass in relation to another determines whether a layer of water floats or sinks.</p> <p> </p> <h2>Density and Buoyancy</h2> <p>Density can be determined by measuring the mass and volume of an object. In the <a href="https://manoa.hawaii.edu/ExploringOurFluidEarth/physical/density-effects/density-temperature-and-salinity/activity-density-bags">Density Bags Activity</a>, density was not calculated. Instead, relative density was determined by observing whether a bag of one liquid floated or sank in another liquid. A bag of liquid that sank was determined to be more dense than the liquid in the beaker. A bag of liquid that floated was determined to be less dense than the liquid in the beaker.</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-small.html.twig * media--image.html.twig * media--colorbox-small.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-colorbox-small"><!-- 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/M1U2-Fig2-5%20RedBlck.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/quarter_200w_/public/M1U2-Fig2-5%20RedBlck.png?itok=SLG5PTDS" width="135" height="137" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.5.&lt;/strong&gt; Forces on a red block in water. The buoyant force is represented by the letter “B” and the upward pointing arrow. The gravitational force is represented by the letter “G” and the downward pointing arrow.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by Byron Inouye&lt;/p&gt;&#10;" class="image-style-quarter-200w-" /></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-hidden field__item"><p><strong>Fig. 2.5.</strong> Forces on a red block in water. The buoyant force is represented by the letter “B” and the upward pointing arrow. The gravitational force is represented by the letter “G” and the downward pointing arrow.</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><span style="line-height: 1.538em;">The motion of any object is due to </span><strong style="line-height: 1.538em;">forces</strong><span style="line-height: 1.538em;">, which are pushes or pulls. Vertical—up-and-down—movement of water masses in the ocean can be explained in terms of two forces. The </span><strong style="line-height: 1.538em;">gravitational force</strong><span style="line-height: 1.538em;"> (G) of the earth pulls downward and is proportional to the mass of an object. In Fig. 2.5, the gravitational force (G) is proportional to the mass of the red block. The gravitational force on an object is also called </span><strong style="line-height: 1.538em;">weight</strong><span style="line-height: 1.538em;">. The force due to gravity is greater on objects that are more massive, or weigh more. The </span><strong style="line-height: 1.538em;">buoyant force</strong><span style="line-height: 1.538em;"> (B) of water pushes up. In the third century B.C., the Greek philosopher Archimedes was the first to describe buoyancy. He observed that the volume of water pushed out of a tub, or displaced, by an object was equal to the volume of the object. The buoyant force of the water is equal to the weight of the water displaced. This concept is known as </span><strong style="line-height: 1.538em;">Archimedes’ Principle</strong><span style="line-height: 1.538em;">, and it explains why objects sink or float. In Fig. 2.5, the buoyant force (B) is equal to the weight of the water displaced by the red block.</span></p> <p> </p> <p>An object <strong>accelerates</strong> when the forces on that object are unequal. Although acceleration is commonly used to describe an object that is speeding up, the scientific definition of acceleration means changing speed. An accelerating object can be speeding up or slowing down. An object will always move in the direction of the greater force. An object may accelerate downwards (sink) or upwards (rise) in a body of water.</p> <ul><li><strong>Sinking</strong> is a downward vertical movement that occurs when the gravitational force (G) on an object is greater than the buoyant force (B) supporting it (G &gt; B).</li> <li><strong>Rising</strong> is the upward vertical movement that occurs when the gravitational force is less than the buoyant force (G &lt; B).</li> </ul><p> </p> <p>If all of the forces on an object are balanced, there is no acceleration. In this case, the object may not move—like a book sitting on a flat table—or the object may move at a constant speed—like a car traveling at a steady 80 kilometers per hour. In the water, an object might remain still either at the surface or within the water column.</p> <ul><li><strong>Surface</strong> <strong>floating</strong> occurs when an object stays at the surface, because the forces are balanced at the surface (G = B). </li> <li><strong>Subsurface</strong> <strong>floating</strong>, or neutral buoyancy, occurs when an object maintains its position in mid-water, neither sinking nor rising (G = B).</li> </ul><p> </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="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/M1U2-Fig2-06-Three_Cubes.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/M1U2-Fig2-06-Three_Cubes.png?itok=3UDxkPGL" width="590" height="232" alt="&lt;p&gt;&lt;strong&gt;Fig. 2.6.&amp;nbsp;&lt;/strong&gt;&lt;span style=&quot;line-height: 1.538em;&quot;&gt;The yellow cube (&lt;strong&gt;A&lt;/strong&gt;) is less dense than water, the red cube (&lt;strong&gt;B&lt;/strong&gt;) has the same density as water, and the green cube (&lt;strong&gt;C&lt;/strong&gt;) is more dense than water. The buoyant force is represented by the letter &amp;ldquo;B&amp;rdquo; and upward pointing arrows. The gravitational force is represented by the letter &amp;ldquo;G&amp;rdquo; and downward pointing arrows.&lt;/span&gt;&lt;/p&gt;" title="&lt;p&gt;Images by Byron Inouye&lt;/p&gt;" 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.6. </strong><span style="line-height: 1.538em;">The yellow cube (<strong>A</strong>) is less dense than water, the red cube (<strong>B</strong>) has the same density as water, and the green cube (<strong>C</strong>) is more dense than water. The buoyant force is represented by the letter “B” and upward pointing arrows. The gravitational force is represented by the letter “G” and downward pointing arrows.</span></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 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' --><p>Three cubes of the same size, but with different masses and thus different densities, are placed in three beakers of water (Fig. 2.6). Because the cubes are identical in volume, they displace the same amount of water. By Archimedes’ Principle, the buoyant force (B) acting on each cube is equal. Buoyant force is represented in Fig. 2.6 as upward pointing arrows, indicating the water is pushing up on the cubes. These arrows are the same length for each of the cubes, indicating that the strength of the buoyant force acting on each cube is the same.</p> <p> </p> <p>Because the masses of the cubes are not equal, the gravitational force (G) acting on each cube is different. Gravitational force is represented in Fig. 2.6 as downward pointing arrows, indicating the gravitational force is pulling down on the cubes. These arrows are different lengths for each cube, indicating that the amount of the gravitational force is different for each cube. The downward pointing arrow in Fig. 2.6 A is the shortest, indicating that the yellow cube has the least mass and is the least dense. The downward pointing arrow is the longest in Fig 2.6 C, indicating that the green cube has the most mass and is the most dense.</p> <p> </p> <p>The density of the cube relative to the density of water determines if the cube will float, sink, or be neutrally buoyant:</p> <ul><li>If the density of the cube is less than the density of the water, gravitational force will be less than the buoyant force (G &lt; B), and the object will rise to the surface (Fig. 2.6 A).</li> <li>If the density of the cube is equal to the density of the water, the cube will float in middle of the column of water because the gravitational force and buoyant force are balanced (G = B). This cube is neutrally buoyant (Fig. 2.6 B).</li> <li>If the density of the cube is greater than the density of the water, the cube will sink because the gravitational force is greater than the water’s buoyant force (G &gt; B) (Fig. 2.6 C).</li> </ul><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-1328" class="node node-special-feature-page special-feature-type-voice-of-the-sea 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="58d3752c-be22-46ef-9024-a2f9568eb435" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Voice of the Sea</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity/voice-sea-submarines-and-ocean-circulation" hreflang="und">Submarines and Ocean Circulation</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> <!-- 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-292" class="node node-special-feature-page special-feature-type-weird-science 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="67a58351-2d79-486f-9460-edcc9ca6333d" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Weird Science</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/physical/density-effects/density-temperature-and-salinity/weird-science-floating-aircraft-carriers" hreflang="und">Floating Aircraft Carriers</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> <!-- 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-262" 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="ceb4d34a-59c0-4c4f-8fe5-ece69f126be7" 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/physical/density-effects/density-temperature-and-salinity/further-investigations-density-temperature-and-salinity" hreflang="und">Density, Temperature, and Salinity</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> </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/physical/density-effects/density-temperature-and-salinity" hreflang="en">Density, Temperature, and Salinity</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/densitytopicRepImage.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/densitytopicRepImage.png?itok=gfhVUpOd" 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' --> Tue, 21 Jun 2011 19:48:41 +0000 paul 54 at https://manoa.hawaii.edu/exploringourfluidearth