Skip to content
🎯⭐ INTERACTIVE LESSON

Area of Triangles and Quadrilaterals

Learn step-by-step with interactive practice!

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: cm2\text{cm}^2, in2\text{in}^2, m2\text{m}^2, and so on.

Picture a 3×43 \times 4 grid of unit squares:

4 columns⏟base×3 rows⏟height=12 unit squares\underbrace{4 \text{ columns}}_{\text{base}} \times \underbrace{3 \text{ rows}}_{\text{height}} = 12 \text{ 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 cm2\text{cm}^2). If your answer to an area problem has no little "2", something went wrong.

Rectangles and Squares

ShapeFormulaWhy
RectangleA=b⋅hA = b \cdot hrows × columns of unit squares
SquareA=s2A = s^2a rectangle with all sides equal

Example: a rectangle

A rectangle is 9 cm9\text{ cm} long and 4 cm4\text{ cm} tall:

A=b⋅h=9⋅4=36 cm2A = b \cdot h = 9 \cdot 4 = 36 \text{ cm}^2

Example: a square

A square tile has side 7 in7\text{ in}:

A=s2=72=49 in2A = s^2 = 7^2 = 49 \text{ in}^2

🔑 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.

A=b⋅hA = b \cdot h

Here bb is a base (any one side) and hh 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: b⋅hb \cdot h.

Example

A parallelogram has base 10 cm10\text{ cm}, perpendicular height 6 cm6\text{ cm}, and a slanted side of 8 cm8\text{ cm}:

A=b⋅h=10⋅6=60 cm2A = b \cdot h = 10 \cdot 6 = 60 \text{ cm}^2

The 8 cm8\text{ cm} 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 1515, height 88 → A= ?A = \,? 2) Square: side 1111 → A= ?A = \,? 3) Parallelogram: base 99, perpendicular height 77 → A= ?A = \,?

Base vs. Height 🔽

Decide which measurement to use as the height in A=b⋅hA = b \cdot h.

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 b⋅hb \cdot h.

The Half-Base-Height Formula

A=12 b hA = \frac{1}{2} \, b \, h

  • bb = the length of any one side you choose as the base
  • hh = the perpendicular height from that base to the opposite vertex

The same warning from parallelograms applies: hh 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 66 and 88:

A=12(6)(8)=12(48)=24A = \frac{1}{2}(6)(8) = \frac{1}{2}(48) = 24

Example: any triangle

A triangle has base 14 cm14\text{ cm} and perpendicular height 5 cm5\text{ cm}:

A=12(14)(5)=12(70)=35 cm2A = \frac{1}{2}(14)(5) = \frac{1}{2}(70) = 35 \text{ cm}^2

💡 Trick: multiply b⋅hb \cdot h first, then halve. With b=14,h=5b=14, h=5: 70→3570 \to 35. It avoids fractions in the middle of your work.

Concept Check 🎯

Working Backwards for a Missing Length

Because A=12bhA = \frac{1}{2}bh, if you know the area and one of bb or hh, you can solve for the other. Double the area first to undo the 12\frac{1}{2}:

2A=b h⟹b=2Ah,h=2Ab2A = b \, h \quad\Longrightarrow\quad b = \frac{2A}{h}, \qquad h = \frac{2A}{b}

Example

A triangle has area 48 in248\text{ in}^2 and height 8 in8\text{ in}. Find the base.

b=2Ah=2(48)8=968=12 inb = \frac{2A}{h} = \frac{2(48)}{8} = \frac{96}{8} = 12 \text{ in}

✅ Check: 12(12)(8)=12(96)=48\frac{1}{2}(12)(8) = \frac{1}{2}(96) = 48 ✓

Triangle Practice 🧮

Enter just the number.

1) Triangle, base 1616, height 99 → A= ?A = \,? 2) Right triangle, legs 55 and 1212 → A= ?A = \,? 3) Triangle has area 4040 and base 1010. Perpendicular height = ?= \,?

When You Only Know the Three Sides: Heron's Formula

Sometimes you are given all three side lengths a,b,ca, b, c but no height. Heron's formula handles this. First find the semiperimeter ss (half the perimeter):

s=a+b+c2,A=s(s−a)(s−b)(s−c)s = \frac{a + b + c}{2}, \qquad A = \sqrt{s(s-a)(s-b)(s-c)}

Example: sides 5,6,75, 6, 7

s=5+6+72=182=9s = \frac{5+6+7}{2} = \frac{18}{2} = 9

A=9(9−5)(9−6)(9−7)=9⋅4⋅3⋅2=216≈14.7A = \sqrt{9(9-5)(9-6)(9-7)} = \sqrt{9 \cdot 4 \cdot 3 \cdot 2} = \sqrt{216} \approx 14.7

Example: a 3-4-53\text{-}4\text{-}5 triangle

s=3+4+52=6,A=6⋅3⋅2⋅1=36=6s = \frac{3+4+5}{2} = 6, \quad A = \sqrt{6 \cdot 3 \cdot 2 \cdot 1} = \sqrt{36} = 6

✅ A 3-4-53\text{-}4\text{-}5 triangle is a right triangle, so we can check: 12(3)(4)=6\frac{1}{2}(3)(4) = 6 ✓ — Heron's formula agrees.

Heron Step-by-Step 🔽

Use Heron's formula on a triangle with sides a=9a=9, b=10b=10, c=11c=11.

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 b1b_1 and b2b_2. The height hh is the perpendicular distance between those two parallel bases.

A=12 (b1+b2) hA = \frac{1}{2}\,(b_1 + b_2)\,h

In words: average the two parallel sides, then multiply by the height.

Example

A trapezoid has parallel sides 66 and 1010 and height 44:

A=12(6+10)(4)=12(16)(4)=12(64)=32A = \frac{1}{2}(6 + 10)(4) = \frac{1}{2}(16)(4) = \frac{1}{2}(64) = 32

💡 Sanity check: the average of 66 and 1010 is 88, and 8⋅4=328 \cdot 4 = 32. The trapezoid acts like a rectangle whose width is the average of the two bases.

⚠️ Only the two parallel sides go into b1+b2b_1 + b_2. 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 d1d_1 and d2d_2:

A=12 d1 d2A = \frac{1}{2}\,d_1\,d_2

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 88 and 66:

A=12(8)(6)=12(48)=24A = \frac{1}{2}(8)(6) = \frac{1}{2}(48) = 24

Example: a kite

A kite has diagonals 1010 and 77:

A=12(10)(7)=12(70)=35A = \frac{1}{2}(10)(7) = \frac{1}{2}(70) = 35

🔑 A square is a special rhombus, so you can also use 12d1d2\frac{1}{2}d_1 d_2 on a square. With diagonal dd (both equal): A=12d2A = \frac{1}{2}d^2.

Quadrilateral Practice 🧮

Enter just the number.

1) Trapezoid: parallel sides 77 and 1313, height 66 → A= ?A = \,? 2) Rhombus: diagonals 1212 and 55 → A= ?A = \,? 3) Kite: diagonals 99 and 88 → A= ?A = \,?

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:

  1. Cut the figure into rectangles, triangles, and trapezoids.
  2. Find each piece's area separately.
  3. Add them up (or subtract a piece that has been cut out).

Example: an "L" shape

An L-shaped room is a 10×810 \times 8 rectangle with a 4×34 \times 3 rectangle removed from one corner.

A=(10⋅8)−(4⋅3)=80−12=68A = (10 \cdot 8) - (4 \cdot 3) = 80 - 12 = 68

Example: house pentagon (rectangle + triangle)

A "house" shape is a 6×46 \times 4 rectangle with a triangular roof of base 66 and height 33 on top:

A=(6⋅4)⏟walls+12(6)(3)⏟roof=24+9=33A = \underbrace{(6 \cdot 4)}_{\text{walls}} + \underbrace{\tfrac{1}{2}(6)(3)}_{\text{roof}} = 24 + 9 = 33

💡 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 xx-values.
  • A vertical segment's length is the difference in yy-values.

Example: a triangle with a horizontal base

A triangle has vertices A(1,2)A(1, 2), B(7,2)B(7, 2), and C(4,8)C(4, 8).

The base ABAB is horizontal: length =7−1=6= 7 - 1 = 6. The third vertex CC is at height y=8y = 8, so the perpendicular height up from the base (y=2y = 2) is 8−2=68 - 2 = 6.

A=12(6)(6)=18A = \frac{1}{2}(6)(6) = 18

💡 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 (x1,y1),(x2,y2),(x3,y3)(x_1,y_1), (x_2,y_2), (x_3,y_3):

A=12 ∣ x1(y2−y3)+x2(y3−y1)+x3(y1−y2) ∣A = \frac{1}{2}\,\bigl|\,x_1(y_2 - y_3) + x_2(y_3 - y_1) + x_3(y_1 - y_2)\,\bigr|

The bars ∣  ∣|\;| mean absolute value — area is never negative.

Example: vertices (0,0)(0,0), (4,0)(4,0), (2,5)(2,5)

A=12 ∣ 0(0−5)+4(5−0)+2(0−0) ∣=12 ∣0+20+0∣=12(20)=10A = \frac{1}{2}\,\bigl|\,0(0 - 5) + 4(5 - 0) + 2(0 - 0)\,\bigr| = \frac{1}{2}\,|0 + 20 + 0| = \frac{1}{2}(20) = 10

✅ Check with base × height: base from (0,0)(0,0) to (4,0)(4,0) is 44; height up to y=5y=5 is 55. 12(4)(5)=10\frac{1}{2}(4)(5) = 10 ✓.

Coordinate Practice 🧮

Enter just the number.

1) Triangle with horizontal base from (2,1)(2,1) to (10,1)(10,1) and apex at (5,7)(5,7). Base length = ?= \,? 2) Same triangle: perpendicular height = ?= \,? 3) Same triangle: area = ?= \,?

Shoelace Step-by-Step 🔽

Apply the shoelace formula to the triangle with vertices (1,1)(1,1), (5,1)(5,1), (3,6)(3,6).

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

ShapeFormulaWatch out for
RectangleA=b⋅hA = b \cdot hreport in square units
SquareA=s2A = s^2s=As = \sqrt{A} to go backwards
ParallelogramA=b⋅hA = b \cdot hhh = perpendicular height, not slant
TriangleA=12bhA = \frac{1}{2}bhhh = perpendicular height
Triangle (3 sides)A=s(s−a)(s−b)(s−c)A = \sqrt{s(s-a)(s-b)(s-c)}s=a+b+c2s = \frac{a+b+c}{2}
TrapezoidA=12(b1+b2)hA = \frac{1}{2}(b_1+b_2)haverage the parallel sides
Rhombus / KiteA=12d1d2A = \frac{1}{2}d_1 d_2use 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 1313, perpendicular height 66 → A= ?A = \,? 2) Rhombus: diagonals 1414 and 1010 → A= ?A = \,? 3) Composite: a 12×512 \times 5 rectangle with a triangle (base 1212, height 44) on top → A= ?A = \,?

Exit Quiz ✅

Answer all three to finish the lesson.