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

160 lines
6.5 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/number-line.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:58:35 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Number Line</title>
<!-- #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" -->
<div class="video">9OzENFeK8GI</div>
<h1 id="title" class="center">Number Line</h1>
<p class="center"><b>Writing numbers down on a Number Line makes it easy to tell<br>
which numbers are greater or lesser</b></p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td colspan="2" align="center"><img src="numbers/images/greater-less.svg" alt="greater less" height="59" width="137"></td>
</tr>
<tr>
<td colspan="2" align="center"><img src="numbers/images/number-line.svg" alt="number line -10 to +10" height="47" width="595"></td>
</tr>
<tr>
<td style="text-align:center;">Negative Numbers ()</td>
<td style="text-align:center;">Positive Numbers (+)</td>
</tr>
<tr>
<td colspan="2" align="center"><i>(The line continues left and right forever.)</i></td>
</tr>
</tbody></table>
<p class="center">&nbsp;</p>
<p class="larger">A number on the <b>left is less</b> than a number on the right.</p>
<div class="example">
<h3>Examples:</h3>
<ul>
<li><b>5</b> is less than <b>8</b></li>
<li><b>1</b> is less than <b>1</b></li>
<li><b>8</b> is less than <b>5</b></li>
</ul>
</div>
<p class="larger">A number on the <b>right is greater</b> than a number on the left.</p>
<div class="example">
<h3>Examples:</h3>
<ul>
<li><b>8</b> is greater than <b>5</b></li>
<li><b>1</b> is greater than <b>1</b></li>
<li><b>5</b> is greater than <b>8</b></li>
</ul>
</div>
<p class="larger">Try this interactive number line (click to mark):</p>
<div class="script" style="height: 150px;">numbers/images/number-line.js?mode=int</div>
<p>You can also try the <a href="numbers/number-line-zoom.html">zoomable number line</a>.</p>
<div class="example"><img src="numbers/images/lunch.jpg" alt="lunch" style="float:right; margin: 0 0 5px 10px;" height="107" width="163">
<h3>Example: Lunch</h3>
<ul>
<li>John borrowed $3 to pay for his lunch</li>
<li>Virginia borrowed $5 to pay for her lunch</li>
<li>Alex had enough money for lunch and has $3 left over</li>
</ul>
<p>Place these people on the number line to find who is poorest and who is richest.</p> <span class="center"></span>
<p class="center"><b>Owing money</b> is <b>negative</b><br>
<b>Having money</b> is <b>positive</b></p>
<p>So John has "<span class="center"></span>3", Virginia has "<span class="center"></span>5" and Alex has "+3"</p>
<p class="center"><img src="numbers/images/greater-less.svg" alt="greater less" height="59" width="137"><br>
<img src="numbers/images/number-line-people.svg" alt="number line: -5, -3, 3" height="102" width="277"></p>
<p>Now it is easy to see that:</p>
<p class="center larger">Virginia is poorer than John (5 is less than 3)<br>
and John is poorer than Alex (3 is less than 3)<br>
and Alex is, of course, the richest!</p>
</div>
<h2>Using The Number Line</h2>
<p>We can use the number line to help us add. We always move to the right to add.</p>
<p>We can use the number line to help us subtract. We always move to the left to subtract.</p>
<p class="center">Read <a href="numbers/number-line-using.html">How to Use the Number Line to Add and Subtract</a>.</p>
<p class="center">&nbsp;</p>
<div class="fun">
<h3><a name="absolute" id="absolute"></a>Footnote: Absolute Value</h3>
<p><a href="numbers/absolute-value.html">Absolute Value</a> means to think only about <b>how far</b> a number is from zero.</p>
<p class="center"><img src="numbers/images/absolute-value.svg" alt="absolute value -6 is 6, 6 is 6" height="98" width="590"></p>
<p class="center">For example "6" is 6 away from zero, but "6" is <b>also</b> 6 away from zero.</p>
<p class="center">So the absolute value of 6 is 6, and the absolute value of 6 is also 6</p>
</div>
<p>&nbsp;</p>
<a id="q"></a>
<div class="questions">1661, 1662, 1663, 1664, 1665, 1666, 5644, 5645, 5643, 5649</div>
<div class="related">
<a href="whole-numbers.html">Whole Numbers and Integers</a>
<a href="numbers/number-line-scroll.html">Scrolling Number Line</a>
<a href="positive-negative-integers.html">Adding and Subtracting Positive and Negative Numbers</a>
<a href="numbers/index.html">Number Index</a>
<a href="algebra/index.html">Algebra Index</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/number-line.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:58:35 GMT -->
</html>