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

237 lines
8.0 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/kite.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:42:43 GMT -->
<head>
<meta charset="UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Kite</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></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">Kite</h1>
<p class="center"><i>(Jump to <a href="#Area">Area of a Kite</a> or <a href="#Perimeter">Perimeter of a Kite</a>)</i></p>
<p class="center larger">A Kite is a flat shape with straight sides.<br>
It has two pairs of equal-length adjacent (next to each other) sides.</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><img src="images/kite.svg" alt="dart" height="181" width="130" ></td>
<td style="width:30px;">&nbsp;</td>
<td>&nbsp;</td>
<td style="text-align:center;"><img src="images/kite.jpg" alt="kite" height="124" width="100" ><br>
<i>It often <b>looks</b> like<br>
a kite!</i></td>
</tr>
</tbody></table>
<table class="center" align="center" cellpadding="5" border="0">
<tbody>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46" ></td>
<td style="text-align:left;">Two pairs of sides</td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46" ></td>
<td style="text-align:left;">
<p>Each pair&nbsp;is two equal-length sides that are adjacent (they meet)</p></td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46" ></td>
<td style="text-align:left;">The angles
are equal where the two pairs meet</td>
</tr>
<tr>
<td><img src="../images/style/right-arrow.gif" alt="right arrow" height="46" width="46" ></td>
<td style="text-align:left;">Diagonals (dashed lines) cross at
right angles,<br>
and one of the diagonals bisects (cuts equally in
half) the other</td>
</tr>
</tbody></table>
<p>Play with a Kite:</p>
<div class="script" style="height: 330px;">
images/geom-quad.js?mode=kite
</div>
<h2><a name="Area"></a>Area
of a Kite</h2>
<h4>Method 1:</h4>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:center;"><img src="images/kite-area.svg" alt="kite" height="93" width="107" ></td>
<td>&nbsp;</td>
<td>
<p>Multiply the lengths of the diagonals and then divide by 2 to find the Area:</p>
<p class="center large">Area = <span class="intbl"><em>p × q</em><strong>2</strong></span></p></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: A kite has diagonals of 3 cm and 5 cm, what is its Area?</h3>
<p>Area = <span class="intbl"><em>3 cm × 5 cm</em><strong>2
</strong></span> = <b>7.5 cm<sup>2</sup></b></p>
</div>
<h4>Method 2:</h4>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:center;"><img src="images/kite-area-abc.svg" alt="kite side a, angle C. side b" height="126" width="146" ></td>
<td>&nbsp;</td>
<td>
<p>Multiply the lengths of two unequal sides by the sine of the angle between them:</p>
<p class="center large">Area = a × b × sin(C)</p></td>
</tr>
</tbody></table>
<div class="example">
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/kite-area-ex.svg" alt="kite area example" height="189" width="132" ></p>
<h3>Example: You don't want to get wet measuring the diagonals of a kite-shaped swimming pool. So you measure unequal side lengths of <b>5.0 m</b> and <b>6.5 m</b> with an angle between them of <b>60°</b>. What is its Area?</h3>
<p class="center">&nbsp;</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><span class="center">Area</span></td>
<td>&nbsp;</td>
<td><span class="center">= a × b × sin(C) </span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><span class="center">= 5.0 × 6.5 × sin(60°) </span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><span class="center">= 5.0 × 6.5 × 0.866...</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><span class="center">= <b>28.1 m<sup>2</sup></b> (to 1 decimal)</span></td>
</tr>
</tbody></table>
</div>
<h4>Method 3:</h4>
<p>If you can draw your Kite, try the <span class="center"><a href="area-polygon-drawing.html">Area of Polygon by Drawing</a></span> tool.</p>
<h2><a name="Perimeter"></a>Perimeter of a Kite</h2>
<p>The Perimeter is the distance around the edges.</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><img src="images/kite-perim.svg" alt="kite perimeter" height="112" width="123" ></td>
<td>&nbsp;</td>
<td>
<p>The Perimeter is <b>2 times (side length a + side length b)</b>:</p>
<p class="center larger">Perimeter = 2(a + b)</p></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: A kite has side lengths of 12 m and 10m, what is its Perimeter?</h3>
<p>Perimeter = 2 × (12 m + 10 m) = 2 × 22 m = <b>44 m</b></p>
</div>
<h2>Rhombus and Square</h2>
<p>When all sides have equal length the Kite will also be a <a href="rhombus.html">Rhombus</a>.</p>
<p>When all the angles are also 90° the Kite will be a <a href="square.html">Square</a>.</p>
<p>A Square is a Kite? Yes! So&nbsp;it doesn't <i>always</i> look like the kite you fly.</p>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/dart.svg" alt="dart" height="96" width="127" ><br>
<b>A Dart</b></p>
<h2>Dart</h2>
<p>A concave Kite is called a <b>Dart</b></p>
<div style="clear:both"></div>
<p>&nbsp;</p>
<div class="questions">9141, 9142, 9143, 9144, 9145, 9146, 9147, 9148, 9149, 9150</div>
<div class="related">
<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 &copy; 2021 MathsIsFun.com</div>
</div>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/geometry/kite.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:42:44 GMT -->
</html>