Area of Triangles and Quadrilaterals - Complete Interactive Lesson
Part 1: Rectangles, Squares & Parallelograms
📐 Area of Triangles and Quadrilaterals
Part 1 of 5 — Rectangles, Squares & Parallelograms
Topics in This Part
| Section |
|---|
| What "Area" Really Means |
| Rectangles and Squares |
| Parallelograms: Base × Height |
| Why Height ≠ Slanted Side |
🔑 Key Concept: Area is the number of unit squares that fit inside a flat shape. Every formula in this lesson is really just a clever way of counting those squares without drawing them.
What "Area" Really Means
Area measures the 2-dimensional space inside a closed figure. We report it in square units: , , , and so on.
Picture a grid of unit squares:
That single picture — counting rows of squares — is the seed of every area formula. A rectangle is the easiest case because the squares line up perfectly.
💡 Units matter. A length is measured in units (like cm); an area is measured in square units (like ). If your answer to an area problem has no little "2", something went wrong.
Rectangles and Squares
| Shape | Formula | Why |
|---|---|---|
| Rectangle | rows × columns of unit squares | |
| Square | a rectangle with all sides equal |
Example: a rectangle
A rectangle is long and tall:
Example: a square
A square tile has side :
🔑 For a rectangle the base and height are just the two side lengths — they are already perpendicular, so no extra work is needed.
Concept Check 🎯
Parallelograms: Base × Height
A parallelogram is a quadrilateral with two pairs of parallel sides. It looks like a "pushed-over" rectangle.
Here is a base (any one side) and is the height — the perpendicular distance to the opposite side, not the length of the slanted side.
⚠️ The #1 mistake: using the slanted side length instead of the perpendicular height. The slanted side is always longer than the height, so it would give too big an answer.
Why it works
If you slice a right triangle off one end of a parallelogram and slide it to the other end, you get a rectangle with the same base and the same height. Same squares, just rearranged — so the area must be identical: .
Example
A parallelogram has base , perpendicular height , and a slanted side of :
The slanted side is a distractor — it is not the height.
Find the Area 🧮
Compute each area. Enter just the number (square units understood).
1) Rectangle: base , height → 2) Square: side → 3) Parallelogram: base , perpendicular height →
Base vs. Height 🔽
Decide which measurement to use as the height in .
Part 2: Triangles
📐 Area of Triangles and Quadrilaterals
Part 2 of 5 — Triangles
🔑 The Idea: A triangle is exactly half of a parallelogram. Two identical triangles snap together into a parallelogram with the same base and height — so a triangle's area is half of .
The Half-Base-Height Formula
- = the length of any one side you choose as the base
- = the perpendicular height from that base to the opposite vertex
The same warning from parallelograms applies: is the perpendicular height, not a slanted side.
Example: a right triangle
The two legs of a right triangle are perpendicular, so one leg is the base and the other is the height. With legs and :
Example: any triangle
A triangle has base and perpendicular height :
💡 Trick: multiply first, then halve. With : . It avoids fractions in the middle of your work.
Concept Check 🎯
Working Backwards for a Missing Length
Because , if you know the area and one of or , you can solve for the other. Double the area first to undo the :
Example
A triangle has area and height . Find the base.
✅ Check: ✓
Triangle Practice 🧮
Enter just the number.
1) Triangle, base , height → 2) Right triangle, legs and → 3) Triangle has area and base . Perpendicular height
When You Only Know the Three Sides: Heron's Formula
Sometimes you are given all three side lengths but no height. Heron's formula handles this. First find the semiperimeter (half the perimeter):
Example: sides
Example: a triangle
✅ A triangle is a right triangle, so we can check: ✓ — Heron's formula agrees.
Heron Step-by-Step 🔽
Use Heron's formula on a triangle with sides , , .
Part 3: Trapezoids, Rhombuses & Kites
📐 Area of Triangles and Quadrilaterals
Part 3 of 5 — Trapezoids, Rhombuses & Kites
🔑 The Idea: The remaining quadrilaterals each have their own shortcut, but every one traces back to triangles and rectangles hiding inside.
Trapezoids: Average the Parallel Sides
A trapezoid has exactly one pair of parallel sides, called the bases and . The height is the perpendicular distance between those two parallel bases.
In words: average the two parallel sides, then multiply by the height.
Example
A trapezoid has parallel sides and and height :
💡 Sanity check: the average of and is , and . The trapezoid acts like a rectangle whose width is the average of the two bases.
⚠️ Only the two parallel sides go into . The slanted (non-parallel) legs are not used in the area formula.
Concept Check 🎯
Rhombuses & Kites: Use the Diagonals
A rhombus (all four sides equal) and a kite (two pairs of adjacent equal sides) share a neat formula based on their diagonals and :
This works because the diagonals of both shapes are perpendicular, slicing the figure into right triangles that recombine into a rectangle of half the diagonal area.
Example: a rhombus
A rhombus has diagonals and :
Example: a kite
A kite has diagonals and :
🔑 A square is a special rhombus, so you can also use on a square. With diagonal (both equal): .
Quadrilateral Practice 🧮
Enter just the number.
1) Trapezoid: parallel sides and , height → 2) Rhombus: diagonals and → 3) Kite: diagonals and →
Match the Formula 🔽
Pick the correct area formula for each shape.
Part 4: Composite Figures & the Coordinate Plane
📐 Area of Triangles and Quadrilaterals
Part 4 of 5 — Composite Figures & the Coordinate Plane
🔑 Big Idea: Any complicated flat shape can be broken into triangles and quadrilaterals you already know. Find each piece, then add (or subtract) the areas.
Decomposing Composite Figures
A composite figure is built from simpler shapes. The strategy:
- Cut the figure into rectangles, triangles, and trapezoids.
- Find each piece's area separately.
- Add them up (or subtract a piece that has been cut out).
Example: an "L" shape
An L-shaped room is a rectangle with a rectangle removed from one corner.
Example: house pentagon (rectangle + triangle)
A "house" shape is a rectangle with a triangular roof of base and height on top:
💡 Subtract when a region is hollow or cut out; add when pieces sit side by side.
Concept Check 🎯
Area on the Coordinate Plane
When a shape sits on a grid, you can read base and height straight off the coordinates.
- A horizontal segment's length is the difference in -values.
- A vertical segment's length is the difference in -values.
Example: a triangle with a horizontal base
A triangle has vertices , , and .
The base is horizontal: length . The third vertex is at height , so the perpendicular height up from the base () is .
💡 Choosing a horizontal or vertical side as the base makes the height trivial — it is just a difference of coordinates, no distance formula needed.
The Shoelace Formula (any polygon)
When no side is conveniently horizontal, the shoelace formula finds the area from the vertices directly. For a triangle with vertices :
The bars mean absolute value — area is never negative.
Example: vertices , ,
✅ Check with base × height: base from to is ; height up to is . ✓.
Coordinate Practice 🧮
Enter just the number.
1) Triangle with horizontal base from to and apex at . Base length 2) Same triangle: perpendicular height 3) Same triangle: area
Shoelace Step-by-Step 🔽
Apply the shoelace formula to the triangle with vertices , , .
Part 5: Mixed Practice & Mastery Check
📐 Area of Triangles and Quadrilaterals
Part 5 of 5 — Mixed Practice & Mastery Check
You can now find the area of rectangles, squares, parallelograms, triangles (with a height or with Heron's formula), trapezoids, rhombuses, kites, composite figures, and shapes on a coordinate grid. Time to put it all together.
Quick Reference
| Shape | Formula | Watch out for |
|---|---|---|
| Rectangle | report in square units | |
| Square | to go backwards | |
| Parallelogram | = perpendicular height, not slant | |
| Triangle | = perpendicular height | |
| Triangle (3 sides) | ||
| Trapezoid | average the parallel sides | |
| Rhombus / Kite | use the diagonals |
⚠️ Two recurring traps: (1) using a slanted side instead of the perpendicular height, and (2) forgetting the square unit on your answer.
Mixed Practice 🎯
Mixed Numeric Practice 🧮
Enter just the number.
1) Parallelogram: base , perpendicular height → 2) Rhombus: diagonals and → 3) Composite: a rectangle with a triangle (base , height ) on top →
Exit Quiz ✅
Answer all three to finish the lesson.