e39465ad2f
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
376 lines
15 KiB
HTML
376 lines
15 KiB
HTML
<!doctype html>
|
|
<html lang="en"><!-- #BeginTemplate "../Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/constructions.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:43:23 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Geometric Constructions</title>
|
|
<script language="JavaScript" type="text/javascript">reSpell=[["center","centre"]];</script>
|
|
<meta name="Description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents." />
|
|
<style>
|
|
.tTable {
|
|
display: table;
|
|
min-width: 460px;
|
|
margin: auto;
|
|
}
|
|
.tBody {
|
|
display: table-row-group;
|
|
}
|
|
.tRowHead {
|
|
display: table-row;
|
|
font-weight: bold;
|
|
}
|
|
.tRow {
|
|
display: table-row;
|
|
background-color: #def;
|
|
width: 100%;border:30px solid white;
|
|
}
|
|
.tCell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 5px;
|
|
background-color: #def;
|
|
border:3px solid white;
|
|
box-shadow: 2px 2px 5px 1px rgba(145,145,165,0.5);
|
|
}
|
|
.tCell:nth-child(1) {
|
|
|
|
background-color: #fff;
|
|
width:120px;
|
|
}
|
|
</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="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 align="center">Constructions</h1>
|
|
<p align="center">Geometric Constructions ... <b>Animated!</b></p>
|
|
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/drawing-compass.gif" alt="Compass" width="100" height="209" /></p>
|
|
<p>"Construction" in <a href="index.html">Geometry</a> means to draw shapes, angles or lines accurately.</p>
|
|
<p>These constructions use only compass, straightedge (i.e. ruler) and a pencil. </p>
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/pencil.gif" alt="straightedge" width="162" height="134" /></p>
|
|
<p>This is the "pure" form of geometric construction: no numbers involved!</p>
|
|
<p><img src="images/ruler.gif" alt="straightedge" width="400" height="48" /></p>
|
|
<p> </p>
|
|
|
|
|
|
|
|
<h2>Basics</h2>
|
|
<p>Learn these two first, they are used a lot:</p>
|
|
<div class="tTable">
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-linebisect.html"><img src="images/construct/linebisect.svg"
|
|
alt="Line Segment Bisector and Right Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-linebisect.html">Line Segment Bisector and Right Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-anglebisect.html"><img src="images/construct/anglebisect.svg"
|
|
alt="Angle Bisector" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-anglebisect.html">Angle Bisector</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<h2>Points and Lines</h2>
|
|
<div class="tTable">
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-linesegcopy.html"><img src="images/construct/linesegcopy.svg"
|
|
alt="Copy a Line Segment" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-linesegcopy.html">Copy a Line Segment</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-linesegsum.html"><img src="images/construct/linesegsum.svg"
|
|
alt="Add Line Segments" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-linesegsum.html">Add Line Segments</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-linesegsub.html"><img src="images/construct/linesegsub.svg"
|
|
alt="Subtract Line Segments" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-linesegsub.html">Subtract Line Segments</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-perponline.html"><img src="images/construct/perponline.svg"
|
|
alt="Perpendicular to a Point on a Line" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-perponline.html">Perpendicular to a Point on a Line</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-perpnotline.html"><img src="images/construct/perpnotline.svg"
|
|
alt="Perpendicular to a Point NOT on a Line" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-perpnotline.html">Perpendicular to a Point NOT on a Line</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-perpray.html"><img src="images/construct/perpray.svg"
|
|
alt="Perpendicular to Start of a Ray" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-perpray.html">Perpendicular to Start of a Ray</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-paranotline.html"><img src="images/construct/paranotline.svg"
|
|
alt="Parallel Line through a Point (by Angles)" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-paranotline.html">Parallel Line through a Point (by Angles)</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-pararhombus.html"><img src="images/construct/pararhombus.svg"
|
|
alt="Parallel Line through a Point (by Rhombus)" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-pararhombus.html">Parallel Line through a Point (by Rhombus)</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-paratri.html"><img src="images/construct/paratri.svg"
|
|
alt="Parallel Line through a Point (by Triangles)" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-paratri.html">Parallel Line through a Point (by Triangles)</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-segment3.html"><img src="images/construct/segment3.svg"
|
|
alt="Cut a line into n equal segments" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-segment3.html">Cut a line into n equal segments</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<h2>Angles</h2>
|
|
<p>And it is useful to know how to do 30°, 45° and 60° angles.
|
|
We can use the angle bisector method (above) to create other angles such as 15°, etc.</p>
|
|
<div class="tTable">
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-anglesame.html"><img src="images/construct/anglesame.svg"
|
|
alt="Same (Congruent) Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-anglesame.html">Same (Congruent) Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-30degree.html"><img src="images/construct/30degree.svg"
|
|
alt="30° Degree Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-30degree.html">30° Degree Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-45degree.html"><img src="images/construct/45degree.svg"
|
|
alt="45° Degree Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-45degree.html">45° Degree Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-60degree.html"><img src="images/construct/60degree.svg"
|
|
alt="60° Degree Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-60degree.html">60° Degree Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-90degree.html"><img src="images/construct/90degree.svg"
|
|
alt="90° Degree Angle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-90degree.html">90° Degree Angle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-angadd.html"><img src="images/construct/angadd.svg"
|
|
alt="Add Angles" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-angadd.html">Add Angles</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-angsub.html"><img src="images/construct/angsub.svg"
|
|
alt="Subtract Angles" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-angsub.html">Subtract Angles</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<h2>Triangle Basics</h2>
|
|
<div class="tTable">
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-tricopy.html"><img src="images/construct/tricopy.svg"
|
|
alt="Copy a triangle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-tricopy.html">Copy a triangle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-equitriangle.html"><img src="images/construct/equitriangle.svg"
|
|
alt="Equilateral Triangle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-equitriangle.html">Equilateral Triangle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-trialt.html"><img src="images/construct/trialt.svg"
|
|
alt="Triangle Altitudes" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-trialt.html">Triangle Altitudes</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-trimidseg.html"><img src="images/construct/trimidseg.svg"
|
|
alt="Triangle Midsegment" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-trimidseg.html">Triangle Midsegment</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h2>Triangle Centers</h2>
|
|
<div class="tTable">
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-triangleinscribe.html"><img src="images/construct/triangleinscribe.svg"
|
|
alt="Inscribe a Circle in a Triangle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-triangleinscribe.html">Inscribe a Circle in a Triangle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-trianglecircum.html"><img src="images/construct/trianglecircum.svg"
|
|
alt="Circumscribe a Circle on a Triangle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-trianglecircum.html">Circumscribe a Circle on a Triangle</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<h2>Circle Basics</h2>
|
|
<div class="tTable">
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circlecenter.html"><img src="images/construct/circlecenter.svg"
|
|
alt="Circle Center and Diameter" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circlecenter.html">Circle Center and Diameter</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circlecenter2.html"><img src="images/construct/circlecenter2.svg"
|
|
alt="Circle Center by Two Chords" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circlecenter2.html">Circle Center by Two Chords</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circleright.html"><img src="images/construct/circleright.svg"
|
|
alt="Circle Center by Right Angles" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circleright.html">Circle Center by Right Angles</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circle3pts.html"><img src="images/construct/circle3pts.svg"
|
|
alt="Circle Touching 3 Points" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circle3pts.html">Circle Touching 3 Points</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<h2>Circles and Tangents</h2>
|
|
<div class="tTable">
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circletangent.html"><img src="images/construct/circletangent.svg"
|
|
alt="Tangents to Point Outside Circle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circletangent.html">Tangents to Point Outside Circle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-circletangon.html"><img src="images/construct/circletangon.svg"
|
|
alt="Tangent to Point on Circle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-circletangon.html">Tangent to Point on Circle</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<h2>Polygons</h2>
|
|
|
|
<p>And for the "Master Class":</p>
|
|
<div class="tTable">
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-square.html"><img src="images/construct/square.svg"
|
|
alt="Square from One Side" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-square.html">Square from One Side</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-squareincirc.html"><img src="images/construct/squareincirc.svg"
|
|
alt="Square Inscribed in a Circle" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-squareincirc.html">Square Inscribed in a Circle</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-pentagon.html"><img src="images/construct/pentagon.svg"
|
|
alt="Pentagon" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-pentagon.html">Pentagon</a></div>
|
|
</div>
|
|
|
|
<div class="tRow">
|
|
<div class="tCell"><a href="construct-hexagon.html"><img src="images/construct/hexagon.svg"
|
|
alt="Hexagon from One Side" width="120" border="0" /></a></div>
|
|
<div class="tCell"><a href="construct-hexagon.html">Hexagon from One Side</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2> </h2>
|
|
<p> </p>
|
|
<p>(Note: You can also see how to <a href="protractor-using.html">Use the Protractor</a>, <a href="construct-ruler-triangle.html">Use the Drafting Triangle and Ruler</a>, and <a href="construct-ruler-compass-1.html">How to construct a Triangle With 3 Known Sides</a>, but they are not "pure" geometric constructions.)</p>
|
|
<p> </p>
|
|
<div class="related"> <a href="index.html">Geometry Index</a> <a href="plane-geometry.html">Plane 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 © 2019 MathsIsFun.com
|
|
</div>
|
|
<script>document.write(getBodyEnd());</script>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/constructions.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:43:35 GMT -->
|
|
</html>
|