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
203 lines
7.2 KiB
HTML
203 lines
7.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<!-- #BeginTemplate "/Templates/Main.dwt" -->
|
|
<!-- DW6 -->
|
|
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/cross-sections.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:22 GMT -->
|
|
<head>
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Cross Sections</title>
|
|
<script language="JavaScript" type="text/javascript">
|
|
reSpell = [
|
|
["center", "centre"]
|
|
];
|
|
</script>
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta http-equiv="pics-label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.mathsisfun.com" r (SS~~000 1))'>
|
|
<link rel="stylesheet" type="text/css" href="../style3.css" />
|
|
<script src="../main3.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
<div class="bg">
|
|
<div id="stt"></div>
|
|
<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 type="text/javascript">
|
|
document.write(getTrans());
|
|
</script>
|
|
</div>
|
|
<div id="gplus">
|
|
<script type="text/javascript">
|
|
document.write(getGPlus());
|
|
</script>
|
|
</div>
|
|
<div id="adTopOuter" class="centerfull noprint">
|
|
<div id="adTop">
|
|
<script type="text/javascript">
|
|
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>
|
|
<div id="menuWide" class="menu">
|
|
<script type="text/javascript">
|
|
document.write(getMenu(0));
|
|
</script>
|
|
</div>
|
|
<div id="linkto">
|
|
<div id="linktort">
|
|
<script type="text/javascript">
|
|
document.write(getLinks());
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div id="search" role="search">
|
|
<script type="text/javascript">
|
|
document.write(getSearch());
|
|
</script>
|
|
</div>
|
|
<div id="menuSlim" class="menu">
|
|
<script type="text/javascript">
|
|
document.write(getMenu(1));
|
|
</script>
|
|
</div>
|
|
<div id="menuTiny" class="menu">
|
|
<script type="text/javascript">
|
|
document.write(getMenu(2));
|
|
</script>
|
|
</div>
|
|
<div id="extra"></div>
|
|
</div>
|
|
<div id="content" role="main">
|
|
<!-- #BeginEditable "Body" -->
|
|
<h1 align="center">Cross Sections</h1>
|
|
<p>A cross section is the <b>shape</b> we get when cutting straight through an object.
|
|
<br /> </p>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<td><img src="images/prism-cross-section.jpg" alt="cross section of prism" width="173" height="186" /></td>
|
|
<td valign="top">
|
|
<p>
|
|
<br />
|
|
<br /> The cross section of this object is a <b>triangle</b>.</p>
|
|
<p> </p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p>It is like a view into the <b>inside</b> of something made by cutting through it. </p>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<td>This is a cross-section of a piece of celery. </td>
|
|
<td><img src="images/celery-cross-section.jpg" alt="cross-section of a piece of celery" width="200" height="150" /></td>
|
|
</tr>
|
|
</table>
|
|
<h2>Geometry</h2>
|
|
<p>In <a href="index.html">geometry</a> it is the shape made when a solid is cut through by a <a href="plane.html">plane</a>.</p>
|
|
<div class="example">
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/cylinder-cross-section.svg" alt="cylinder cross section" /></p>
|
|
<h3>Example: </h3>
|
|
<p>The cross section of this circular <a href="cylinder.html">cylinder</a> is a <b>circle</b></p>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<p> </p>
|
|
<p>We don't draw the rest of the object, just the <b>shape</b> made when you cut through.</p>
|
|
<div class="example">
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/pyramid-cross-section.svg" alt="cross-section of a pyramid" /></p>
|
|
<h3>Example: </h3>
|
|
<p>The cross section of a rectangular <a href="pyramids.html">pyramid</a> is a rectangle</p>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<p> </p>
|
|
<p>Cross sections are usually parallel to the base like above, but <b>can be in any direction</b>. </p>
|
|
<div class="example">
|
|
<h3>Example: </h3>
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/torus-cross-section.svg" alt="torus cross section" /></p>
|
|
<p>The <b>vertical</b> cross section through the center of this <a href="torus.html">torus</a> is two circles!</p>
|
|
<div style="clear:both"></div>
|
|
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/torus-hor-cross-section.svg" alt="torus horizontal cross section" /></p>
|
|
<p>And the <b>horizontal</b> cross section is an <a href="annulus.html">annulus</a></p>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<h2>More Examples of Cross Sections</h2>
|
|
<div class="clear">
|
|
<table border="0" align="center">
|
|
<tr align="center">
|
|
<td class="large" colspan="2">
|
|
<hr /> </td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td class="large">Square Prism:</td>
|
|
<td class="large">Cross-Section:</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td><img src="images/square-prism.png" width="182" height="122" alt="square prism" /></td>
|
|
<td><img src="images/square.svg" alt="square" /></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2" class="large">
|
|
<hr /> </td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td class="large">Cube:</td>
|
|
<td class="large">Cross-Section:</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td><img src="images/cube.svg" alt="cube" /></td>
|
|
<td><img src="images/square.svg" alt="square" /></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="2" class="large">
|
|
<hr /> </td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td class="large">Pentagonal Prism:</td>
|
|
<td class="large">Cross-Section:</td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td>
|
|
<br /> <img src="images/pentagonal-prism.png" width="175" height="106" alt="pentagonal prism" /></td>
|
|
<td><img src="images/pentagon.svg" alt="pentagon" /></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td height="22" colspan="2">
|
|
<hr /> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p> </p>
|
|
<div class="related"> <a href="polyhedron.html">Polyhedron</a> <a href="cuboids-rectangular-prisms.html">Cuboids / Rectangular Prisms</a> <a href="../platonic_solids.html">Platonic Solids</a> <a href="cylinder.html">Cylinder</a> <a href="cone.html">Cone</a> <a href="sphere.html">Sphere</a> <a href="torus.html">Torus</a></div>
|
|
<!-- #EndEditable -->
|
|
</div>
|
|
<div id="adend" class="centerfull noprint">
|
|
<script type="text/javascript">
|
|
document.write(getAdEnd());
|
|
</script>
|
|
</div>
|
|
<div id="footer" class="centerfull noprint">
|
|
<script type="text/javascript">
|
|
document.write(getFooter());
|
|
</script>
|
|
</div>
|
|
<div id="copyrt"> Copyright © 2017 MathsIsFun.com </div>
|
|
<script type="text/javascript">
|
|
document.write(getBodyEnd());
|
|
</script>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/cross-sections.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:24 GMT -->
|
|
</html> |