e39465ad2f
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
223 lines
8.2 KiB
HTML
223 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
||
|
||
<!-- Mirrored from www.mathsisfun.com/geometry/slope.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:25 GMT -->
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
||
<!-- #BeginEditable "doctitle" -->
|
||
<title>Slope (Gradient) of a Straight 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="stylesheet" type="text/css" href="../style3.css">
|
||
<script src="../main3.js"></script>
|
||
</head>
|
||
|
||
<body id="bodybg">
|
||
<div class="bg">
|
||
<div id="stt"></div>
|
||
<header>
|
||
<div id="hdr"></div>
|
||
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
||
<div id="gtran">
|
||
<script>document.write(getTrans());</script>
|
||
</div>
|
||
<div id="adTopOuter" class="centerfull noprint">
|
||
<div id="adTop">
|
||
<script>document.write(getAdTop());</script>
|
||
</div>
|
||
</div>
|
||
<div id="adHide">
|
||
<div id="showAds1"><a href="javascript:showAds()">Show Ads</a></div>
|
||
<div id="hideAds1"><a href="javascript:hideAds()">Hide Ads</a><br>
|
||
<a href="../about-ads.html">About Ads</a></div>
|
||
</div>
|
||
</header>
|
||
<nav>
|
||
<div id="menuWide" class="menu">
|
||
<script>document.write(getMenu(0));</script>
|
||
</div>
|
||
<div id="linkto">
|
||
<div id="linktort">
|
||
<script>document.write(getLinks());</script>
|
||
</div>
|
||
</div>
|
||
<div id="search" role="search">
|
||
<script>document.write(getSearch());</script>
|
||
</div>
|
||
<div id="menuSlim" class="menu">
|
||
<script>document.write(getMenu(1));</script>
|
||
</div>
|
||
<div id="menuTiny" class="menu">
|
||
<script>document.write(getMenu(2));</script>
|
||
</div>
|
||
</nav>
|
||
<div id="extra"></div>
|
||
</div>
|
||
<article id="content" role="main">
|
||
<!-- #BeginEditable "Body" -->
|
||
<h1 class="center">Slope (Gradient) of a Straight Line</h1>
|
||
<p class="center">The Slope (also called <a href="../gradient.html">Gradient</a>) of a straight line shows <b>how steep</b> a straight line is.</p>
|
||
<h2>Calculate</h2>
|
||
<p>To calculate the Slope:</p>
|
||
<div class="center80">Divide the <b>change in height</b> by the <b>change in horizontal distance</b></div>
|
||
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td class="large">Slope = <span class="intbl"><em>Change in Y</em><strong>Change in X</strong></span></td>
|
||
<td width="20"> </td>
|
||
<td><img src="../algebra/images/slope.svg" alt="gradient"></td>
|
||
</tr>
|
||
</tbody></table>
|
||
|
||
<p>Have a play (drag the points):</p>
|
||
|
||
<script src="images/geom-line-equn.js"></script>
|
||
<script>geomlineequnMain('slope');</script>
|
||
|
||
<h2>Examples:</h2>
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient1.gif" alt="gradient 3/3" height="143" width="144"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>The Slope of this line = <span class="intbl large">
|
||
<em>3</em>
|
||
<strong>3</strong>
|
||
</span> = 1</p>
|
||
<p><b>So the Slope is equal to 1</b></p></td>
|
||
</tr>
|
||
</tbody></table>
|
||
<p> </p>
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient3.gif" alt="graph" align="left" height="145" width="147"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>The Slope of this line = <span class="intbl large">
|
||
<em>4</em>
|
||
<strong>2</strong>
|
||
</span> = 2</p></td>
|
||
</tr>
|
||
<tr class="center">
|
||
<td colspan="3">The line is steeper, and so the Slope is larger.</td>
|
||
</tr>
|
||
</tbody></table>
|
||
<p> </p>
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient2.gif" alt="gradient 3/5" align="left" height="150" width="152"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>The Slope of this line = <span class="intbl large">
|
||
<em>3</em>
|
||
<strong>5</strong>
|
||
</span> = 0.6</p></td>
|
||
</tr>
|
||
<tr class="center">
|
||
<td colspan="3">The line is less steep, and so the Slope is smaller.</td>
|
||
</tr>
|
||
</tbody></table>
|
||
|
||
<p class="center"> </p>
|
||
<h2>Positive or Negative?</h2>
|
||
<p>Going from left-to-right, the cyclist has to <b>P</b>ush on a <b>P</b>ositive Slope:</p>
|
||
<p class="center"><img src="images/slope-neg.svg" alt="negative slope"> <img src="images/slope-0.svg" alt="zero slope"> <img src="images/slope-pos.svg" alt="positive slope"></p>
|
||
<p>When measuring the line:</p>
|
||
<ul>
|
||
<div class="bigul">
|
||
<li>Starting from the left and going across <b>to the right is positive</b><br>
|
||
(but going across to the left is negative).</li>
|
||
<li><b>Up is positive</b>, and down is negative</li>
|
||
</div>
|
||
</ul>
|
||
<p class="center"> </p>
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient4.gif" alt="gradient -4/2" align="left" height="142" width="142"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>Slope = <span class="intbl large">
|
||
<em>−4</em>
|
||
<strong>2</strong>
|
||
</span> = −2</p></td>
|
||
</tr>
|
||
</tbody></table>
|
||
|
||
<div class="center">
|
||
<p>That line goes <b>down</b> as you move along, so it has a negative Slope.</p>
|
||
</div>
|
||
<h2>Straight Across</h2>
|
||
<div class="center">
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient5.gif" alt="gradient 0/5" align="left" height="143" width="143"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>Slope = <span class="intbl large">
|
||
<em>0</em>
|
||
<strong>5</strong>
|
||
</span> = 0</p>
|
||
|
||
</td></tr>
|
||
</tbody></table>
|
||
</div>
|
||
<p class="center">A line that goes straight across (Horizontal) has a Slope of zero.</p>
|
||
<h2>Straight Up and Down</h2>
|
||
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/gradient6.gif" alt="gradient 3/0" align="left" height="143" width="144"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>Slope = <span class="intbl large">
|
||
<em>3</em>
|
||
<strong>0</strong>
|
||
</span> = <span class="large">undefined</span></p>
|
||
</td></tr>
|
||
</tbody></table>
|
||
|
||
<p class="center">That last one is a bit tricky ... you can't <a href="../numbers/dividing-by-zero.html">divide by zero</a>,<br>
|
||
so a "straight up and down" (vertical) line's Slope is "undefined".</p>
|
||
<h2>Rise and Run</h2>
|
||
<p>Sometimes the horizontal change is called "run", and the vertical change is called "rise" or "fall":</p>
|
||
<p class="center"><img src="../algebra/images/graph-rise-run.svg" alt="rise and run"></p>
|
||
<p>They are just different words, none of the calculations change.</p>
|
||
<p> </p>
|
||
<div class="questions">
|
||
<script>getQ(2068, 2069, 2070, 2071, 2072, 5316, 5317, 5318, 5319, 5320);</script>
|
||
</div>
|
||
|
||
<div class="related">
|
||
<a href="../equation_of_line.html">Equation of a Straight Line</a>
|
||
<a href="../y_intercept.html">Y Intercept of a Straight Line</a>
|
||
<a href="../quiz/linear_equation_test.html">Test Yourself</a>
|
||
<a href="../straight-line-graph-calculate.html">Straight Line Graph Calculator</a>
|
||
<a href="../data/graphs-index.html">Graph Index</a>
|
||
</div>
|
||
<!-- #EndEditable -->
|
||
|
||
</article>
|
||
<div id="adend" class="centerfull noprint">
|
||
<script>document.write(getAdEnd());</script>
|
||
</div>
|
||
<footer id="footer" class="centerfull noprint">
|
||
<script>document.write(getFooter());</script>
|
||
</footer>
|
||
<div id="copyrt">
|
||
Copyright © 2020 MathsIsFun.com
|
||
</div>
|
||
<script>document.write(getBodyEnd());</script>
|
||
</body><!-- #EndTemplate -->
|
||
<!-- Mirrored from www.mathsisfun.com/geometry/slope.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:25 GMT -->
|
||
</html> |