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
318 lines
12 KiB
HTML
318 lines
12 KiB
HTML
<!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> </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> </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> </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 5−5=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 (5−5 = 0 and 12−5 = 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"> </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"> </span></div>
|
||
</div>
|
||
|
||
|
||
<h2>Have a Try Yourself</h2>
|
||
|
||
<p>Now practice on this <a href="../worksheets/ws-algebra5319.html?steps=1&n=10&amin=2&amax=9&ops=a&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> </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> |