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

168 lines
5.9 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. 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/vertices-faces-edges.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:40 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- #BeginEditable "doctitle" -->
<title>Vertices, Edges and Faces</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="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">Vertices, Edges and Faces</h1>
<p class="center"><img src="images/vertex-edge-face.svg" alt="Vertex, Edge and Face" /><br>
<span class="larger">A vertex is a corner.<br>
An edge is a line segment between faces.<br>
A face is a single flat surface<b></b></span>.</p>
<p>Let us look more closely at each of those:</p>
<h2>Vertices</h2>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/vertex.svg" alt="Vertex" /></p>
<p>A <b>vertex</b> (plural: <b>vertices</b>) is a point where two or more line segments meet.</p>
<p class="center">It is a Corner.</p>
<p>This <a href="tetrahedron.html">tetrahedron</a> has 4 vertices.</p>
<table style="border: 0; margin:auto;">
<tr>
<td align="right">And this <a href="pentagon.html">pentagon</a> has 5 vertices:</td>
<td align="right">&nbsp;</td>
<td align="right"><img src="images/pentagon-vertices.svg" alt="Pentagon vertices" /></td>
<td>&nbsp;</td>
</tr>
</table>
<h2>Edges</h2>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/pentagon-edges.svg" alt="Pentagon edges" /><br>
<span class="larger">This Pentagon<br>
Has 5 Edges</span></p>
<p>&nbsp;</p>
<p>For a <b>polygon</b> an edge is a line segment <b>on the boundary</b> joining one vertex (corner point) to another.</p>
<div style="clear:both"></div><br>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/edges.svg" alt="Edges" /><br>
<span class="larger">This Tetrahedron<br>
Has 6 Edges</span></p>
<p>&nbsp;</p>
<p>For a <b>polyhedron</b> an edge is a line segment where <b>two faces meet</b>.</p>
<div style="clear:both"></div>
<h2>Faces</h2>
<table style="border: 0; margin:auto;">
<tr>
<td><img src="images/faces.svg" alt="Faces" /></td>
<td>
<p>A face is any of the individual flat surfaces of a solid object.</p>
<p>This tetrahedron has 4 faces (there is one face you can't see)</p>
<p>&nbsp;</p>
</td>
</tr>
</table>
<h2>Sides</h2>
<p>&quot;Side&quot; is not a very accurate word, because it can mean:</p>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/side.svg" alt="Sides"></p>
<ul>
<li>An <b>edge</b> of a polygon, <b>or</b></li>
<li>A <b>face</b> of a polyhedron</li>
</ul>
<h2>Euler's Formula</h2>
<div class="center80">
<p><b>For many solid shapes the</b></p>
<ul>
<li><b>Number of Faces</b></li>
<li>plus the <b>Number of Vertices</b></li>
<li>minus the <b>Number of Edges</b></li>
</ul>
<p><b>always equals 2</b></p>
</div>
<p class="center larger">This can be written: <b>F + V &minus; E = 2</b></p>
<table style="border: 0; margin:auto;">
<tr>
<td><img src="images/poly-cube.svg" alt="cube" height="150" /></td>
<td>
<p>Try it on the cube:</p>
<p>A cube has 6 Faces, 8 Vertices, and 12 Edges,</p>
<p class="center">so:</p>
<p class="center larger">6 + 8 &minus; 12 = <b>2</b></p>
<p>(To find out more about this read <a href="eulers-formula.html">Euler's Formula</a>.)</p>
</td>
</tr>
</table>
<p>&nbsp;</p>
<div class="questions">
<script>
getQ(4994, 4995, 385, 2564, 372, 386, 390, 391, 2479, 2563);
</script>&nbsp; </div>
<div class="related">
<a href="../platonic_solids.html">Platonic Solids</a>
<a href="index.html">Geometry 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 &copy; 2020 MathsIsFun.com
</div>
<script>document.write(getBodyEnd());</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/geometry/vertices-faces-edges.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:41 GMT -->
</html>