Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

318 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/algebra/introduction.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:48:08 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Introduction to Algebra</title>
<style>
.boxa {
text-align: center;
display: inline-block;
vertical-align:top;
margin: 2px;
min-width: 110px;
}
.boxtop {
margin: 0.5rem;
height:5rem;
vertical-align:bottom;
}
.boxb {
text-align: center;
display: inline-block;
vertical-align:bottom;
margin: 0 0 5px 0;
}
</style>
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<meta name="referrer" content="always">
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="../style4.css" as="style">
<link rel="preload" href="../main4.js" as="script">
<link rel="stylesheet" href="../style4.css">
<script src="../main4.js" defer="defer"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-29771508-1');
</script>
</head>
<body id="bodybg">
<div id="stt"></div>
<div id="adTop"></div>
<header>
<div id="hdr"></div>
<div id="tran"></div>
<div id="adHide"></div>
<div id="cookOK"></div>
</header>
<div class="mid">
<nav>
<div id="menuWide" class="menu"></div>
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
<div id="search" role="search"></div>
<div id="linkto"></div>
<div id="menuSlim" class="menu"></div>
<div id="menuTiny" class="menu"></div>
</nav>
<div id="extra"></div>
<article id="content" role="main">
<!-- #BeginEditable "Body" -->
<h1 class="center">Introduction to Algebra</h1>
<p class="center"><i>Algebra is great fun - you get to solve puzzles!</i></p>
<h2>A Puzzle</h2>
<p>What is the missing number?</p>
<table align="center" width="250" border="0">
<tbody>
<tr valign="middle">
<td style="text-align:center; width:50px;">
<table height="50" width="35" cellspacing="0" cellpadding="0" border="2">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody></table>
</td>
<td class="huge" align="center"><b></b></td>
<td class="huge" align="center"><b>2</b></td>
<td class="huge" align="center"><b>=</b></td>
<td class="huge" align="center"><b>4</b></td>
</tr>
</tbody></table>
<p>OK, the answer is 6, right? Because <b>6 2 = 4</b>. Easy stuff.</p>
<p>Well, in Algebra we don't use blank boxes, we use
a <b>letter</b> (usually an x or y, but any letter is fine). So we write:</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr valign="middle">
<td class="huge" align="center" width="50"><b><i>x</i></b></td>
<td class="huge" align="center" width="50"><b></b></td>
<td class="huge" align="center" width="50"><b>2</b></td>
<td class="huge" align="center" width="50"><b>=</b></td>
<td class="huge" align="center" width="50"><b>4</b></td>
</tr>
</tbody></table>
<p>It is really that simple. The letter (in this case an x) just means "we don't know this yet", and is often called the <b>unknown</b> or the <b>variable</b>.</p>
<p>And when we solve it we write:</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr valign="middle">
<td class="huge" align="center" width="50"><i><b>x</b></i></td>
<td class="huge" align="center" width="50"> <b>=</b></td>
<td class="huge" align="center" width="50"> <b>6</b></td>
</tr>
</tbody></table>
<h2>Why Use a Letter?</h2>
<table align="center" width="90%" cellpadding="5" border="0">
<tbody>
<tr>
<td>&nbsp;</td>
<td><i>Because:</i></td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="arrow" height="46" width="46"></td>
<td>it is easier to write "x" than drawing empty boxes (and easier to say "x" than "the empty box").</td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="arrow" height="46" width="46"></td>
<td>if there are several empty
boxes (several "unknowns") we can use a different letter for each one.</td>
</tr>
</tbody></table>
<div class="words">
<p>So <b><span class="times">x</span></b> is simply better than having an empty box. We aren't trying to make words with it!</p>
<p>And it doesn't have to be <span class="times"><b>x</b></span>, it could be <span class="times">y</span> or <span class="times">w</span> ... or any letter or symbol we like.</p>
</div>
<h2>How to Solve</h2>
<p>Algebra is just like a puzzle where we start with something like "x 2 = 4" and we want to end
up with something like "x = 6".</p>
<p>But instead of saying "<i>obviously</i> x=6", use this neat step-by-step approach:</p>
<ul>
<li>Work out <b>what to remove</b> to get "x = ..."</li>
<li>Remove it by<b> doing the opposite</b> (adding is the opposite of subtracting)</li>
<li>Do that to<b> both sides</b></li>
</ul>
<p>Here is an example:</p>
<div class="center">
<div class="boxa bgb1">
<div class="boxtop">We want<br>
to
remove<br>
the "2"</div>
<img src="images/x24a.gif" alt="x - 2 = 4" height="42" width="114"></div>
<div class="boxa bgb1">
<p class="boxtop">To remove it, <b>do<br>
the opposite</b>, in<br>
this case add 2</p>
<img src="images/x24b.gif" alt="x - 2 = 4 add 2 to left" height="100" width="114"></div>
<div class="boxa bgb1">
<p class="boxtop"><br>
Do it to<br>
<b>both sides</b></p>
<img src="images/x24c.gif" alt="x - 2 = 4 add 2 to left and right" height="97" width="122"></div>
<div class="boxa bgb1">
<p class="boxtop"><br>
<br>
Which is ...</p>
<img src="images/x24d.gif" alt="x + 0 = 6" height="29" width="113"></div>
<div class="boxa bgb1">
<p class="boxtop"><b><i><br>
<br>
Solved!</i></b></p>
<img src="images/x24e.gif" alt="x = 6" height="29" width="77"></div>
</div>
<h2>Why did we add 2 to both sides?</h2>
<h3>To "keep the balance"...</h3>
<div class="center simple">
<div class="boxb">
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="images/balance-1.gif" alt="balance x - 2 vs 4" height="109" width="200"></td>
</tr>
<tr>
<td style="text-align:center;">In Balance</td>
</tr>
</tbody></table>
</div>
<div class="boxb">
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:left;">Add 2 to Left Side</td>
</tr>
<tr>
<td><img src="images/balance-2.gif" alt="unbalanced x - 2 + 2 vs 4" height="107" width="200"></td>
</tr>
<tr>
<td><b>Out of Balance!</b></td>
</tr>
</tbody></table>
</div> <div class="boxb">
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:right;">Add 2 to Right Side Also</td>
</tr>
<tr>
<td><img src="images/balance-3.gif" alt="balanced x - 2 + 2 vs 4 + 2" height="109" width="200"></td>
</tr>
<tr>
<td style="text-align:center;">In Balance Again</td>
</tr>
</tbody></table>
</div>
</div>
<div style="clear:both"></div>
<p>Just remember this:</p>
<div class="beach">
<table align="center" width="90%" border="0">
<tbody>
<tr>
<td class="larger" align="center">
To keep the balance, what we do to <b>one side</b> of the "="<br>
we should also do to the <b>other side</b>!</td>
</tr>
</tbody></table>
</div>
<p><i>See this in action at the <a href="add-subtract-balance.html">Algebra Balance Animation</a>.</i></p>
<h2>Another Puzzle</h2>
Solve this one:
<table align="center" width="250" border="0">
<tbody>
<tr valign="middle">
<td class="huge" align="center" width="50"> <b><i>x</i></b></td>
<td class="huge" align="center" width="50"> <b>+</b></td>
<td class="huge" align="center" width="50"> <b>5</b></td>
<td class="huge" align="center" width="50"> <b>=</b></td>
<td class="huge" align="center" width="50"> <b>12</b></td>
</tr>
</tbody></table><br>
<p>What we want is an answer like "x = ...",<br>
but the <b>+5</b> is in the way of that!<br>
We can cancel out the <b>+5</b> with a <b>5</b> (because 55=0)</p>
<div class="tbl">
<div class="row"><span class="left">So, let us have a go at subtracting 5 from <b>both sides</b>:</span><span class="center"><span class="right ">x + 5 <b>5</b> = 12 <b>5</b></span></span></div>
<div class="row"><span class="left">A little arithmetic (55 = 0 and 125 = 7) becomes:</span><span class="center"><span class="right ">x + 0 = 7</span></span></div>
<div class="row"><span class="left">Which is just:</span><span style="text-align: center;"><span class="right"><b>x = 7</b></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="center"><span class="right"><b><i>Solved!</i></b></span></span></div>
<div class="row"><span class="left">(Quick Check: 7+5=12)</span><span class="right center">&nbsp;</span></div>
</div>
<h2>Have a Try Yourself</h2>
<p>Now practice on this <a href="../worksheets/ws-algebra5319.html?steps=1&amp;n=10&amp;amin=2&amp;amax=9&amp;ops=a&amp;seed=5394">Simple Algebra Worksheet</a> and then check your answers. Try to use the steps we have shown you here, rather than just guessing!</p>
<p>Try the questions below, then read <a href="introduction-multiply.html">Introduction to Algebra - Multiplication</a></p>
<p>&nbsp;</p>
<div class="questions">1725,1726,1727,1728,3135,3136,3137,3138,3850,3851</div>
<div class="related">
<a href="introduction-multiply.html">Introduction to Algebra - Multiplication</a>
<a href="index.html">Algebra Menu</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright © 2021 MathsIsFun.com</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/algebra/introduction.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:48:10 GMT -->
</html>