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

296 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/numbers/addition.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:45:02 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Addition</title>
<script src="images/add-drag-drop.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../stylejs.css">
<meta name="description" content="Addition is bringing two or more numbers (or things) together to make a new total.">
<script language="JavaScript" type="text/javascript">reSpell=[["math","maths"]];</script>
<style type="text/css">
<!--
.style1 {color: #990099}
-->
</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">Addition</h1>
<h2>Addition is ...</h2>
<p>... bringing two or more numbers (or things) together to make a new total.</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:right;">Here 1 ball is added<br>
to 1 ball<br>
to make 2 balls:</td>
<td style="text-align:center;">&nbsp;</td>
<td style="text-align:center;"><img src="images/add.jpg" alt="add two balls" height="96" width="306"></td>
</tr>
<tr>
<td style="text-align:right;">Using Numerals it is:</td>
<td class="huge" align="left">&nbsp;</td>
<td class="huge" align="left">&nbsp; &nbsp;1 + 1 = 2</td>
</tr>
<tr>
<td style="text-align:right;">&nbsp;</td>
<td class="large" align="center">&nbsp;</td>
<td class="large" align="center">&nbsp;</td>
</tr>
<tr>
<td style="text-align:right;">And in words it is:</td>
<td class="large" align="center">&nbsp;</td>
<td class="large" align="center">"One plus one equals two"</td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<div class="example">
<h3>Example: When we add <b>2</b> and <b>3</b> we get <b>5</b>.</h3>
<p>We can write it like this:</p>
<p class="center large">2 + 3 = 5</p>
</div>
<h2>Try It</h2>
<p>Write this down, with the answer, using <b>numerals</b>:</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><img src="images/add-4-3.jpg" alt="4+3=?" height="88" width="336"></td>
</tr>
</tbody></table>
<p class="center large">You should get: <span class="hide">&nbsp; 4 + 3 = 7 &nbsp;</span></p>
<h2>Have a Play</h2>
<p>Drag the numerals to the two blue boxes see how addition works:</p>
<div class="script" style="height: 260px;">
images/add-drag-drop.js
</div>
<h2>Swapping Places</h2>
<p>Swapping the position of the numbers we are adding still gets the same result!</p>
<div class="simple">
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td align="center" width="200"><span class="large">3 + 2 = 5</span></td>
<td style="text-align:center;"><img src="images/add-3-2.jpg" alt="3+2=5" height="94" width="368"></td>
</tr>
<tr>
<td align="center" width="200"><i>... also ...</i></td>
<td style="text-align:center;">&nbsp;</td>
</tr>
<tr>
<td align="center" width="200"><span class="large">2 + 3 = 5</span></td>
<td style="text-align:center;"><img src="images/add-2-3.jpg" alt="2+3=5" height="92" width="364"></td>
</tr>
</tbody></table><br>
</div>
<div class="example">
<p>More Examples:</p>
<p class="center large">5 + 1 = <span class="style1">1 + 5</span> = 6</p>
<p class="center large">7 + 11 = <span class="style1">11 + 7</span> = 18</p>
<p class="center large">4 + 100 = <span class="style1">100 + 4</span> = 104</p>
</div>
<h2>Practice</h2>
<p style="float:right; margin: 0 0 5px 10px;"><img src="../images/art/sage-poles.svg" alt="dog weaves through poles" style="float:left; margin: 10px;"></p>
<p style="min-width:300px;">You get better at addition with practice, so we have:</p>
<p class="center"><a href="math-trainer-addition.html">Math Trainer - Addition</a> (train your memory)</p>
<p class="center"><a href="../worksheets/kindergarten.html">Kindergarten Worksheets</a> (easy addition)</p>
<p class="center"><a href="../worksheets/addition.html">Addition Worksheets</a> (normal and advanced)</p>
<h2>Tips and Tricks</h2>
<p class="center">Learn more on our <a href="addition-tips-tricks.html">Addition Tips and Tricks</a> page</p>
<h2>Addition Table</h2>
<p>We can also
"look up" answers for simple addition using the <a href="addition-table.html">Addition Table</a> (but it is really best to learn to remember the answers).</p>
<div class="example">
<div class="beach" style="float:right; margin: 0 0 5px 10px;">
<table align="center">
<tbody>
<tr style="text-align:right;">
<th width="20">+</th>
<th width="20">1</th>
<th width="20">2</th>
<th width="20">3</th>
<th width="20">4</th>
<th width="20">5</th>
<th width="20">6</th>
<th width="20">7</th>
</tr>
<tr style="text-align:right;">
<th>1</th>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td bgcolor="ddddff">6</td>
<td>7</td>
<td>8</td>
</tr>
<tr style="text-align:right;">
<th>2</th>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td bgcolor="ddddff">7</td>
<td>8</td>
<td>9</td>
</tr>
<tr style="text-align:right;">
<th bgcolor="#DDDDFF">3</th>
<td bgcolor="#DDDDFF">4</td>
<td bgcolor="#DDDDFF">5</td>
<td bgcolor="#DDDDFF">6</td>
<td bgcolor="#DDDDFF">7</td>
<td bgcolor="#33FF00"><b>8</b></td>
<td>9</td>
<td>10</td>
</tr>
<tr style="text-align:right;">
<th>4</th>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
</tbody></table>
</div>
<h3>Example: Find 3 + 5</h3>
<p>• find the row starting with "3"</p>
<p>• move along to be under the column "5"</p>
<p>• and there is the number "8", so <b>3 + 5 = 8</b></p>
</div>
<p>&nbsp;</p>
<h2>Larger Numbers: Use Addition in Columns</h2>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td>To add larger numbers use <a href="addition-column.html">Column Addition</a> :</td>
<td>&nbsp;</td>
<td><a href="addition-column.html"><img src="images/add-carry-below.svg" alt="Column Addition" height="96" width="53"></a></td>
</tr>
</tbody></table>
<h2>Names</h2>
<p>Other names for Addition are <b>Sum, Plus, Increase, Total</b></p>
<p>And the numbers to be added together
are called the "<b>Addends</b>":</p>
<p class="center"><img src="images/addition.svg" alt="addition: addend + addend = sum" height="80" width="283"></p>
<p>&nbsp;</p>
<div class="questions">1578, 1579, 3403, 3404, 1580, 3405, 1581, 1582, 3406, 3407</div>
<div class="related">
<a href="addition-tips-tricks.html">Addition Tips and Tricks</a>
<a href="addition-column.html">Addition in Columns</a>
<a href="addition-table.html">Addition Table</a>
<a href="../basic-math-definitions.html">Basic Math Definitions</a>
<a href="subtraction.html">Subtraction</a>
<a href="index.html">Numbers Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright © 2022 Rod Pierce</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/numbers/addition.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:45:03 GMT -->
</html>