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

204 lines
7.4 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/geometry/square.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:31:37 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Square (Geometry)</title>
<meta name="description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents.">
<!-- #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">Square (Geometry)</h1>
<p class="center"><i>(Jump to <a href="#Area">Area of a Square</a> or <a href="#Perimeter">Perimeter of a Square</a>)
</i></p>
<p class="center larger">A Square is a flat shape with 4 equal sides and every angle is a right angle (90°)</p>
<p class="center"><img src="images/square-angles.svg" alt="Square" height="143" width="143"><i><br>
the little squares in each corner mean "right angle"</i></p>
<p class="center larger"></p>
<table width="83%" cellpadding="5" border="0">
<tbody>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46"></td>
<td>All sides are equal in length</td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46"></td>
<td>Each internal angle is 90°</td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46"></td>
<td>Opposite sides are <a href="parallel-lines.html">parallel</a> (so it is a <a href="parallelogram.html">Parallelogram</a>).</td>
</tr>
</tbody></table>
<p>Play with a square:</p>
<div class="script" style="height: 330px;">
images/geom-quad.js?mode=square
</div>
<p>A square also fits the definition of a <a href="rectangle.html">rectangle</a> (all angles are 90°), a <a href="rhombus.html">rhombus</a> (all sides are equal length), a <a href="parallelogram.html">parallelogram</a> (opposite sides parallel and equal in length) and a <a href="polygons.html">regular polygon</a>(all angles equal and all sides equal). What a hero!</p>
<h2><a name="Area"></a>Area
of a Square</h2>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:center;"><img src="images/square-area.svg" alt="square" height="" width=""></td>
<td>&nbsp;</td>
<td>
<p>The Area is the <b>side length squared</b>:</p>
<p class="center larger">Area = a<sup>2</sup> = a × a</p></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: A square has a side length of 6 m, what is its Area?</h3>
<p>Area = 6 m × 6 m = <b>36 m<sup>2</sup></b></p>
</div>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:center;"><img src="images/square-diag.svg" alt="square diagonal" height="" width=""></td>
<td>&nbsp;</td>
<td>The Area is also <b>half of the diagonal squared:</b>
<p class="center larger">Area = <span class="intbl"><em>d<sup>2</sup></em><strong>2</strong></span></p></td>
</tr>
</tbody></table>
<h2><a name="Perimeter"></a>Perimeter of a Square</h2>
<p>The Perimeter is the distance around the edge.</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><img src="images/square-perim.svg" alt="square perimeter" height="" width=""></td>
<td>&nbsp;</td>
<td>
<p>The Perimeter is <b>4 times the side length:</b></p>
<p class="center larger">Perimeter = 4a</p></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: A square has a side length of 12 cm, what is its Perimeter?</h3>
<p>Perimeter = 4 × 12 cm = <b>48 cm</b></p>
</div>
<h2>Diagonals of a Square</h2>
<p>A square has two diagonals, they are equal in length and intersect in the middle.</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><img src="images/square-diag-a.svg" alt="square diagonal" height="" width=""></td>
<td>&nbsp;</td>
<td>
<p>The Diagonal is the <b>side length times the square root of 2</b>:</p>
<p class="center larger">Diagonal "d" = a × √2</p></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: A square has a side length of 5 m, what is the length of a diagonal?</h3>
<p style="float:left; margin: 5px;"><img src="images/square-diag-ex.svg" alt="square diagonal example" height="" width=""></p>
<div class="tbl">
<div class="row"><span class="left">Diagonal Length =</span><span class="right"> a × √2 </span></div>
<div class="row"><span class="left">=</span><span class="right"> 5 × 1.41421... </span></div>
<div class="row"><span class="left">=</span><span class="right"> <b>7.071 m</b> (to 3 decimals)</span></div>
</div>
</div>
<h2>Calculator</h2>
<p>Enter the <b>side length, area, diagonal</b> or <b>perimeter</b> and the other values are calculated live.</p>
<iframe src="isquare-calc.html" scrolling="no" style="width:302px; height:352px; overflow:hidden; margin:auto; display:block; border:none;"></iframe>
<p>&nbsp;</p>
<div class="questions">9111, 9112, 9113, 9114, 9115, 9116, 9117, 9118, 9119, 9120</div>
<div class="related">
<a href="square-calc.html">Square Calculator</a>
<a href="../quadrilaterals.html">Quadrilaterals</a>
<a href="index.html">Geometry 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/geometry/square.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:31:40 GMT -->
</html>