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
186 lines
5.9 KiB
HTML
186 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
||
|
||
<!-- Mirrored from www.mathsisfun.com/geometry/triangular-pyramid.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:27 GMT -->
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
||
|
||
<!-- #BeginEditable "doctitle" -->
|
||
<title>Spinning Triangular Pyramid</title>
|
||
|
||
|
||
<style type="text/css">
|
||
.boxa {
|
||
text-align: left;
|
||
vertical-align:middle;
|
||
display: inline-block;
|
||
vertical-align:middle;
|
||
margin: 0;
|
||
padding: 2px;
|
||
width:240px;
|
||
background-color: hsla(240,100%,60%,0.1);
|
||
}
|
||
.boxb {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
margin: 0 10px 10px 10px;
|
||
width: 450px;
|
||
}
|
||
</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">Triangular Pyramid</h1>
|
||
|
||
<p class="center"><i>Go to <a href="#Area">Surface Area</a> or <a href="#Volume">Volume</a>.</i></p>
|
||
|
||
<div class="centerfull">
|
||
<div class="boxa">
|
||
<div class="head">Triangular Pyramid Facts</div>
|
||
<p><b>Notice these interesting things:</b></p>
|
||
<ul>
|
||
<li>It has 4 Faces</li>
|
||
<li>The 3 Side Faces are Triangles</li>
|
||
<li>The Base is also a Triangle</li>
|
||
<li>It has 4 Vertices (corner points)</li>
|
||
<li>It has 6 Edges</li>
|
||
<li>It is also a <a href="tetrahedron.html">Tetrahedron</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="boxb">
|
||
<div class="script" style="height: 450px;">
|
||
images/polyhedra.js?mode=tetrahedron
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="clear:both"></div>
|
||
<a id="Area"></a>
|
||
|
||
|
||
<h2>Surface Area</h2>
|
||
|
||
<p class="center"><img src="images/triangular-pyramid-height.svg" alt="triangular pyramid height, side length and perimeter" height="229" width="261"></p>
|
||
<p><span class="center">When side faces are the same</span>:</p>
|
||
<p class="center"><b>Surface Area</b> = [Base Area] + <span class="intbl">
|
||
<em>1</em>
|
||
<strong>2</strong>
|
||
</span> × Perimeter × [Slant Length]</p>
|
||
|
||
<div class="example">
|
||
|
||
<h3>Example: <span class="center">Base Area is 28, Perimeter is 20, Slant length is 5</span></h3>
|
||
<div class="tbl">
|
||
<div class="row"><span class="left"><span class="center">Surface Area </span></span><span class="right">= [Base Area] + <span class="intbl">
|
||
<em>1</em>
|
||
<strong>2</strong>
|
||
</span> × Perimeter × [<span class="center">Slant</span> Length]</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= 28 + <span class="intbl">
|
||
<em>1</em>
|
||
<strong>2</strong>
|
||
</span> × 20 × 5</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= 28 + 50</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= 78</span></div>
|
||
</div>
|
||
</div>
|
||
<p>When side faces are different we can calculate the area of the base and each triangular face separately and then add them up.</p>
|
||
<a id="Volume"></a>
|
||
|
||
|
||
<h2>Volume</h2>
|
||
|
||
<p class="center"><b>Volume</b> = <span class="intbl">
|
||
<em>1</em>
|
||
<strong>3</strong>
|
||
</span> × [Base Area] × Height</p>
|
||
|
||
<div class="example">
|
||
|
||
<h3>Example: base area is 28, height is 4.5</h3>
|
||
<div class="tbl">
|
||
<div class="row"><span class="left"><span class="center">Volume</span></span><span class="right">= <span class="intbl">
|
||
<em>1</em>
|
||
<strong>3</strong>
|
||
</span> × [Base Area] × Height</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= <span class="intbl">
|
||
<em>1</em>
|
||
<strong>3</strong>
|
||
</span> × 28 × 4.5</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= <span class="intbl">
|
||
<em>1</em>
|
||
<strong>3</strong>
|
||
</span> × 126</span></div>
|
||
<div class="row"><span class="left"> </span><span class="rtlt">= 42</span></div>
|
||
</div>
|
||
</div>
|
||
<p class="center"><img src="images/tetrahedron.svg" alt="triangular pyramid" height="" width=""></p>
|
||
<p> </p>
|
||
|
||
<div class="related">
|
||
<a href="tetrahedron.html">Tetrahedron</a>
|
||
<a href="pyramids.html">Pyramids</a>
|
||
<a href="square-pyramid.html">Square Pyramid</a>
|
||
<a href="pyramid-vs-cone.html">Why is a Pyramid like a Cone?</a>
|
||
<a href="solid-geometry.html">Solid Geometry</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/geometry/triangular-pyramid.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:27 GMT -->
|
||
</html> |