admin2/openfreebooks-bookgenerator
1
0
Fork 0
mirror of https://github.com/HananoshikaYomaru/openfreebooks.git synced 2026-11-12 20:45:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update chapter weight for directed numbers section, modify curriculum structure to include a new basic math notation category, and enhance frontend logic for rendering math content in widget-less chapters.

Browse source
This commit is contained in:
Hananoshika Yomaru 2026-05-19 23:52:48 -07:00
parent dc3f9d193b
commit b4817dd748
6 changed files with 1031 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

490
content/math/basic-math-notation/_index.md Normal file
View file

@ -0,0 +1,490 @@
+++
title = "Basic math notation"
description = "Learn the names and meanings of plus, minus, times, divide, equals, brackets, and other signs used in number sentences."
template = "chapter.html"
weight = 1
[extra]
subject = "math"
chapter_id = "basic-math-notation"
strand = "Number & Algebra"
+++
<div class="book-prose">
<p>
In the last chapter you met <strong>number sentences</strong> — short lines that use digits and
special marks, like <strong>3 + 4 = 7</strong>. This chapter is a guide to those marks: what each
one is called, how to say it out loud, and what it tells you to do. You do not need to be fast at
arithmetic yet; you only need to <strong>read</strong> the symbols like words on a sign.
</p>
<h2 id="digits-and-words" class="book-prose__heading">Digits, words, and spaces</h2>
<p>
The symbols <strong>0</strong> through <strong>9</strong> are called <strong>digits</strong>. Each
digit stands for a counting amount (zero through nine). When you write a bigger number, you put
digits side by side with no gap: <strong>47</strong> means four tens and seven ones.
</p>
<p>
A full line of math often mixes <strong>words</strong> (in your head or in a story) with
<strong>symbols</strong> (on paper). “Three plus four equals seven” is the same idea as
<strong>3 + 4 = 7</strong>.
</p>
<div class="book-table-wrap">
<table class="book-table notation-symbol-table">
<thead>
<tr>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">Say it like this</th>
</tr>
</thead>
<tbody>
<tr>
<td class="notation-symbol-table__glyph">0–9</td>
<td>digits</td>
<td>“zero”, “one”, … “nine”</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">(space)</td>
<td>space between parts</td>
<td>pause between numbers and signs so the line is easy to read</td>
</tr>
</tbody>
</table>
</div>
<h2 id="plus" class="book-prose__heading">Plus (+)</h2>
<p>
The <strong>plus sign</strong> looks like a small cross: <strong>+</strong>. It means
<strong>put together</strong> or <strong>add</strong>.
</p>
<p>
Read <strong>3 + 4 = 7</strong> as: “three <em>plus</em> four <em>equals</em> seven.” You are
joining two groups into one total.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Remember</p>
<p>The plus sign is not the letter “t”. It sits between the numbers you are combining.</p>
</div>
<h2 id="minus" class="book-prose__heading">Minus (−)</h2>
<p>
The <strong>minus sign</strong> is a short horizontal line: <strong>−</strong> (sometimes written
as a hyphen <strong>-</strong> on a keyboard). It means <strong>take away</strong> or
<strong>subtract</strong>.
</p>
<p>
Read <strong>7 − 3 = 4</strong> as: “seven <em>minus</em> three <em>equals</em> four.” Start with
seven things, remove three, and count what is left.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Minus or hyphen?</p>
<p>
In a <strong>number sentence</strong>, the short line between numbers is a <strong>minus
sign</strong>. In ordinary writing, the same shape can join words (like “well-known”) — that
is a <strong>hyphen</strong>, not “take away.” Look at what is on each side: digits mean minus.
</p>
</div>
<h2 id="times" class="book-prose__heading">Times (×)</h2>
<p>
The <strong>times sign</strong> looks like a tilted cross or letter x: <strong>×</strong>. It
means <strong>multiply</strong> — many <em>equal</em> groups.
</p>
<p>
Our main example is <strong>three groups of four makes twelve</strong>. You can spell that same
fact in several ways on paper:
</p>
<ul>
<li>Plain with a cross: <strong>3 × 4 = 12</strong></li>
<li>Plain with a middle dot: <strong>3 · 4 = 12</strong></li>
<li>Plain like a keyboard: <strong>3 * 4 = 12</strong></li>
<li>Plain as repeated adding: <strong>4 + 4 + 4 = 12</strong> (three fours)</li>
<li>Typeset math: \(3 \times 4 = 12\) and \(3 \cdot 4 = 12\) — same story, neater symbols.</li>
</ul>
<p>
Read any of the lines above as: “three <em>times</em> four <em>equals</em> twelve,” or “three
groups of four.”
</p>
<h2 id="divide" class="book-prose__heading">Divide (÷)</h2>
<p>
The <strong>division sign</strong> is a dot with a line: <strong>÷</strong>. It means
<strong>split into equal groups</strong> or <strong>share fairly</strong>.
</p>
<p>
Take <strong>twelve shared into four equal piles; each pile has three</strong>. Again, the same
fact can look different on the page:
</p>
<ul>
<li>Plain with obelus: <strong>12 ÷ 4 = 3</strong></li>
<li>Plain with a slash (like a fraction lying down): <strong>12/4 = 3</strong></li>
<li>Typeset with a fraction bar: \(\dfrac{12}{4} = 3\) — top number “twelve,” bottom “four,” whole value “three.”</li>
</ul>
<p>
Read <strong>12 ÷ 4 = 3</strong> or <strong>12/4 = 3</strong> as: “twelve <em>divided by</em> four
<em>equals</em> three.” Twelve dots shared into four equal piles give three in each pile.
</p>
<p>
A <strong>slash</strong> between two numbers is a quick way to write division or a fraction in one
line: <strong>1/2</strong> is “one half,” and <strong>12/4</strong> is the same sharing story as
twelve divided by four. In typeset math the numbers can sit one above the other:
\(\tfrac{1}{2}\) (one half) and \(\dfrac{12}{4} = 3\) (twelve over four equals three).
</p>
<h2 id="equals" class="book-prose__heading">Equals (=)</h2>
<p>
The <strong>equals sign</strong> is two parallel lines: <strong>=</strong>. It means
<strong>is the same amount as</strong> on both sides.
</p>
<p>
Read a full sentence from left to right. In <strong>5 + 2 = 7</strong>, the left side (five plus
two) has the same total as the right side (seven). The equals sign is the bridge between them.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">One sentence</p>
<p>
Treat the whole line as one idea: “five plus two equals seven.” Do not stop reading at the plus
sign — finish at the number after the equals sign.
</p>
</div>
<h2 id="brackets" class="book-prose__heading">Brackets ( )</h2>
<p>
<strong>Round brackets</strong> — also called <strong>parentheses</strong> — wrap part of a
sentence: <strong>(</strong> and <strong>)</strong>. They mean: <strong>do this group
first</strong>, then use the result with the rest of the line.
</p>
<p>
In <strong>(2 + 3) + 4</strong>, add two and three inside the brackets to get five, then add four
to get nine. Without brackets, <strong>2 + 3 + 4</strong> still totals nine, but brackets help
when the order would be unclear.
</p>
<h2 id="quick-reference" class="book-prose__heading">Quick reference: the main four operations</h2>
<div class="book-table-wrap">
<table class="book-table notation-symbol-table">
<thead>
<tr>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">Meaning</th>
<th scope="col">Example</th>
</tr>
</thead>
<tbody>
<tr>
<td class="notation-symbol-table__glyph">+</td>
<td>plus</td>
<td>put together</td>
<td>3 + 4 = 7</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">−</td>
<td>minus</td>
<td>take away</td>
<td>7 − 3 = 4</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">×</td>
<td>times</td>
<td>equal groups</td>
<td>3 × 4 = 12</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">÷</td>
<td>divided by</td>
<td>fair shares</td>
<td>12 ÷ 4 = 3</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">=</td>
<td>equals</td>
<td>same amount both sides</td>
<td>5 + 2 = 7</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">( )</td>
<td>brackets</td>
<td>this part first</td>
<td>(2 + 3) + 4 = 9</td>
</tr>
</tbody>
</table>
</div>
<h2 id="compare" class="book-prose__heading">Less than and greater than (&lt; &gt;)</h2>
<p>
Sometimes we compare two amounts without adding or subtracting. The open mouth of the symbol
points at the <strong>bigger</strong> number.
</p>
<ul>
<li><strong>&lt;</strong> means <strong>less than</strong>. Example: <strong>3 &lt; 7</strong> — three is less than seven.</li>
<li><strong>&gt;</strong> means <strong>greater than</strong>. Example: <strong>9 &gt; 5</strong> — nine is greater than five.</li>
</ul>
<p>
You may also see <strong>≤</strong> (less than or equal) and <strong>≥</strong> (greater than or
equal). The extra line means “or the same amount.”
</p>
<h2 id="comma-decimal" class="book-prose__heading">Comma and decimal point</h2>
<p>
In big numbers like <strong>1,000</strong>, a <strong>comma</strong> groups digits in threes so
the number is easier to read — one thousand, not “one zero zero zero” as separate ideas.
</p>
<p>
A <strong>decimal point</strong> <strong>.</strong> sits between a whole part and a smaller part.
<strong>3.50</strong> might mean three dollars and fifty cents: the part after the point is not
whole dollars. You will learn more about decimals later; for now, remember the dot splits the
number into two pieces.
</p>
<h2 id="fractions" class="book-prose__heading">Fractions (½ and 1/2)</h2>
<p>
A <strong>fraction</strong> names <strong>part of a whole</strong> split into equal pieces. You
might see a single character like <strong>½</strong>, or plain text with a slash
<strong>1/2</strong>, or the same value written tall in math as \(\tfrac{1}{2}\) — all mean
<strong>one part out of two equal parts</strong>.
</p>
<figure class="notation-fraction-demo" role="group" aria-label="One half: one shaded part of two equal parts">
<span class="notation-fraction-demo__bar" aria-hidden="true">
<span class="notation-fraction-demo__part notation-fraction-demo__part--on"></span>
<span class="notation-fraction-demo__part"></span>
</span>
<figcaption class="notation-fraction-demo__caption">One half shaded — ½ of the bar</figcaption>
</figure>
<h2 id="percent" class="book-prose__heading">Percent (%)</h2>
<p>
The <strong>percent sign</strong> <strong>%</strong> means <strong>out of one hundred</strong>.
<strong>50%</strong> means fifty out of every hundred — half of the whole. If a test has 100
points and you score 80, you might say you got <strong>80%</strong>.
</p>
<h2 id="ellipsis-approx" class="book-prose__heading">And so on (…) and about (≈)</h2>
<p>
Three dots in a row <strong>…</strong> (an <strong>ellipsis</strong>) mean the pattern keeps
going the same way: <strong>2, 4, 6, 8, …</strong> — two, four, six, eight, and so on.
</p>
<p>
The sign <strong>≈</strong> means <strong>approximately</strong> or <strong>about</strong> — close
but not exact. <strong>10 ÷ 3 ≈ 3</strong> is a rough answer; the exact value is a bit more than
three.
</p>
<h2 id="more-signs-later" class="book-prose__heading">Signs you will meet later</h2>
<p>
As you grow, books will add more symbols: a <strong>colon</strong> for ratios, small numbers
above the line for powers, and pairs of letters in graphs. You do not need them yet; this chapter
is enough to read everyday number sentences.
</p>
<h2 id="try-it-yourself" class="book-prose__heading">Try it yourself</h2>
<p>
Say each line out loud before you calculate. Cover the answer with your hand, then check:
</p>
<ul>
<li><strong>6 + 1 = 7</strong> — “six plus one equals seven”</li>
<li><strong>10 − 4 = 6</strong> — “ten minus four equals six”</li>
<li><strong>2 × 5 = 10</strong> — “two times five equals ten”</li>
<li><strong>8 ÷ 2 = 4</strong> — “eight divided by two equals four”</li>
<li><strong>(1 + 2) × 3 = 9</strong> — brackets first: one plus two is three; three times three is nine</li>
</ul>
</div>
<div class="book-prose">
<h2 id="history" class="book-prose__heading">History</h2>
<p>
People counted with fingers and words long before they agreed on one way to write math. Ancient
Egyptians and Babylonians used pictures and marks for amounts. Over centuries, different
countries used different symbols for the same ideas.
</p>
<p>
The <strong>equals sign</strong> (=) was popularised in the 1500s by Welsh mathematician
<strong>Robert Recorde</strong>. He chose two lines because “no two things can be more equal” than
parallel lines — a way to show both sides match.
</p>
<p>
The <strong>plus</strong> and <strong>minus</strong> signs (+ and −) became common in Europe
around the same era, replacing longer Latin words. The <strong>times</strong> sign (×) and
<strong>division</strong> sign (÷) appeared later, when printing books needed short, clear marks
that fit on one line.
</p>
<p>
Brackets grew important when formulas got longer — mathematicians needed a visible rule for
“which part first,” just like you do in <strong>(2 + 3) + 4</strong>.
</p>
<h2 id="derivation" class="book-prose__heading">Derivation</h2>
<h3 id="why-symbols" class="book-prose__heading">Why symbols instead of only words?</h3>
<p>
Writing “three plus four equals seven” every time is long. Symbols are a <strong>shorthand</strong>:
the same meaning in less space, so you can compare many sentences quickly.
</p>
<h3 id="equals-meaning" class="book-prose__heading">What equals really says</h3>
<p>
If the left side of \(=\) counts to \(a\) and the right side counts to \(b\), then \(a = b\)
means both sides name the <strong>same number</strong>. If they were different, the sentence would
be false — like claiming \(3 + 4 = 8\) when seven dots are the true total.
</p>
<h3 id="brackets-order" class="book-prose__heading">Why brackets change the order</h3>
<p>
Without a rule, \(2 + 3 \times 4\) could be read in two ways. Brackets fix one group:
\((2 + 3) \times 4 = 5 \times 4 = 20\). Later you will learn more order rules; for now,
brackets always mean “work inside first.”
</p>
<h2 id="checkpoints" class="book-prose__heading">Checkpoints</h2>
<p>Pause and answer in your head or with a partner.</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>What is the name of the sign in \(7 - 3 = 4\)? What does it tell you to do?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>Say out loud: \(4 \times 2 = 8\). Which word goes with \(\times\)?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>In \((5 + 1) + 2\), which part do you work out first? What is the final total?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>Is \(6 &gt; 2\) true? What does the open side of \(>\) point toward?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>What does \(50\%\) mean in words (“out of …”)?</p>
</div>
<h2 id="applications" class="book-prose__heading">Real-life applications</h2>
<ul>
<li><strong>Recipes</strong> — “add 2 cups flour + 1 cup sugar” is a plus sentence in the kitchen.</li>
<li><strong>Scores</strong> — “Team A: 12, Team B: 8” uses comparison; 12 &gt; 8 means A scored more.</li>
<li><strong>Sharing</strong> — “12 sweets ÷ 4 children” is fair division at a party.</li>
<li><strong>Shopping</strong> — prices like $3.50 use a decimal point between dollars and cents.</li>
<li><strong>Sales</strong> — “25% off” uses percent out of one hundred.</li>
<li><strong>Patterns</strong> — “2, 4, 6, …” on a worksheet uses ellipsis for “keep going.”</li>
</ul>
<h2 id="question-bank" class="book-prose__heading">Question bank</h2>
<h3 id="questions-easy" class="book-prose__heading">Easy</h3>
<details class="book-question">
<summary class="book-question__prompt">What is the plus sign?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> A cross-shaped mark <strong>+</strong> that means add or put together.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">How do you say \(5 = 5\) out loud?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “Five equals five.”</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Which symbol means “take away”?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Minus: <strong>−</strong> (or <strong>-</strong> on a keyboard).</p>
</div>
</details>
<h3 id="questions-intermediate" class="book-prose__heading">Intermediate</h3>
<details class="book-question">
<summary class="book-question__prompt">Say \(9 \div 3 = 3\) in words.</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “Nine divided by three equals three.”</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">What does \(\times\) mean in \(4 \times 2\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Multiply — four groups of two (or two groups of four), total eight.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Compute \((3 + 2) + 4\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> \(9\).</p>
<p><strong>Steps:</strong> Inside brackets: \(3 + 2 = 5\). Then \(5 + 4 = 9\).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Is \(4 &lt; 9\) true or false?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> True — four is less than nine.</p>
</div>
</details>
<h3 id="questions-difficult" class="book-prose__heading">Difficult</h3>
<details class="book-question">
<summary class="book-question__prompt">Which is bigger: \(7\) or \(5\)? Write a true comparison using \(>\) or \(&lt;\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Seven is bigger. Examples: \(7 &gt; 5\) or \(5 &lt; 7\).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">What does \(1/2\) mean in words?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> One half — one part out of two equal parts.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">A shirt costs \(20\) dollars. The tag says \(25\%\) off. What does \(25\%\) mean?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Twenty-five out of every hundred — a quarter of the price is taken off (you will learn to compute the exact dollars later).</p>
</div>
</details>
<h3 id="questions-hardcore" class="book-prose__heading">Hardcore</h3>
<details class="book-question">
<summary class="book-question__prompt">Write \(2 \times 3 + 1\) in words two ways: (a) if you multiply first, (b) if you add inside brackets as \((2 \times 3) + 1\) only — are the totals the same as \(2 \times (3 + 1)\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> \((2 \times 3) + 1 = 7\). \(2 \times (3 + 1) = 2 \times 4 = 8\). They are <strong>not</strong> the same — brackets change the result.</p>
<p><strong>Explanation:</strong> Brackets show which group to do first; this is why notation matters.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Name two other symbols that can mean “multiply” besides \(\times\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Dot \(\cdot\) and asterisk \(*\) (on keyboards/calculators).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Read \(1{,}000 + 500 = 1{,}500\) aloud. What job does the comma do in \(1{,}000\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “One thousand plus five hundred equals one thousand five hundred.” The comma groups digits in threes to show thousands.</p>
</div>
</details>
<h2 id="references" class="book-prose__heading">References</h2>
<ul>
<li>Recorde, Robert — early use of the equals sign in <em>The Whetstone of Witte</em> (1557).</li>
<li>Cajori, Florian — <em>A History of Mathematical Notations</em> (origins of +, −, ×, ÷).</li>
<li>National Council of Teachers of Mathematics — developing operation sense and notation in elementary grades.</li>
</ul>
</div>

38
content/math/basic-math-notation/chapter.scss Normal file
View file

@ -0,0 +1,38 @@
// Symbol tables and fraction demo for basic math notation chapter
.notation-symbol-table__glyph {
font-size: 1.35rem;
font-weight: 600;
font-family: var(--font-mono, ui-monospace, monospace);
text-align: center;
white-space: nowrap;
}
.notation-fraction-demo {
margin: 1.25rem 0;
text-align: center;
}
.notation-fraction-demo__bar {
display: inline-flex;
width: min(200px, 100%);
height: 28px;
border-radius: 6px;
overflow: hidden;
border: 2px solid rgba(15, 118, 110, 0.4);
}
.notation-fraction-demo__part {
flex: 1;
background: rgba(20, 184, 166, 0.08);
}
.notation-fraction-demo__part--on {
background: #0f766e;
}
.notation-fraction-demo__caption {
margin-top: 0.5rem;
font-size: 0.9rem;
color: var(--muted);
}

479
content/math/basic-math-notation/core.html Normal file
View file

@ -0,0 +1,479 @@
<div class="book-prose">
<p>
In the last chapter you met <strong>number sentences</strong> — short lines that use digits and
special marks, like <strong>3 + 4 = 7</strong>. This chapter is a guide to those marks: what each
one is called, how to say it out loud, and what it tells you to do. You do not need to be fast at
arithmetic yet; you only need to <strong>read</strong> the symbols like words on a sign.
</p>
<h2 id="digits-and-words" class="book-prose__heading">Digits, words, and spaces</h2>
<p>
The symbols <strong>0</strong> through <strong>9</strong> are called <strong>digits</strong>. Each
digit stands for a counting amount (zero through nine). When you write a bigger number, you put
digits side by side with no gap: <strong>47</strong> means four tens and seven ones.
</p>
<p>
A full line of math often mixes <strong>words</strong> (in your head or in a story) with
<strong>symbols</strong> (on paper). “Three plus four equals seven” is the same idea as
<strong>3 + 4 = 7</strong>.
</p>
<div class="book-table-wrap">
<table class="book-table notation-symbol-table">
<thead>
<tr>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">Say it like this</th>
</tr>
</thead>
<tbody>
<tr>
<td class="notation-symbol-table__glyph">0–9</td>
<td>digits</td>
<td>“zero”, “one”, … “nine”</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">(space)</td>
<td>space between parts</td>
<td>pause between numbers and signs so the line is easy to read</td>
</tr>
</tbody>
</table>
</div>
<h2 id="plus" class="book-prose__heading">Plus (+)</h2>
<p>
The <strong>plus sign</strong> looks like a small cross: <strong>+</strong>. It means
<strong>put together</strong> or <strong>add</strong>.
</p>
<p>
Read <strong>3 + 4 = 7</strong> as: “three <em>plus</em> four <em>equals</em> seven.” You are
joining two groups into one total.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Remember</p>
<p>The plus sign is not the letter “t”. It sits between the numbers you are combining.</p>
</div>
<h2 id="minus" class="book-prose__heading">Minus (−)</h2>
<p>
The <strong>minus sign</strong> is a short horizontal line: <strong>−</strong> (sometimes written
as a hyphen <strong>-</strong> on a keyboard). It means <strong>take away</strong> or
<strong>subtract</strong>.
</p>
<p>
Read <strong>7 − 3 = 4</strong> as: “seven <em>minus</em> three <em>equals</em> four.” Start with
seven things, remove three, and count what is left.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Minus or hyphen?</p>
<p>
In a <strong>number sentence</strong>, the short line between numbers is a <strong>minus
sign</strong>. In ordinary writing, the same shape can join words (like “well-known”) — that
is a <strong>hyphen</strong>, not “take away.” Look at what is on each side: digits mean minus.
</p>
</div>
<h2 id="times" class="book-prose__heading">Times (×)</h2>
<p>
The <strong>times sign</strong> looks like a tilted cross or letter x: <strong>×</strong>. It
means <strong>multiply</strong> — many <em>equal</em> groups.
</p>
<p>
Our main example is <strong>three groups of four makes twelve</strong>. You can spell that same
fact in several ways on paper:
</p>
<ul>
<li>Plain with a cross: <strong>3 × 4 = 12</strong></li>
<li>Plain with a middle dot: <strong>3 · 4 = 12</strong></li>
<li>Plain like a keyboard: <strong>3 * 4 = 12</strong></li>
<li>Plain as repeated adding: <strong>4 + 4 + 4 = 12</strong> (three fours)</li>
<li>Typeset math: \(3 \times 4 = 12\) and \(3 \cdot 4 = 12\) — same story, neater symbols.</li>
</ul>
<p>
Read any of the lines above as: “three <em>times</em> four <em>equals</em> twelve,” or “three
groups of four.”
</p>
<h2 id="divide" class="book-prose__heading">Divide (÷)</h2>
<p>
The <strong>division sign</strong> is a dot with a line: <strong>÷</strong>. It means
<strong>split into equal groups</strong> or <strong>share fairly</strong>.
</p>
<p>
Take <strong>twelve shared into four equal piles; each pile has three</strong>. Again, the same
fact can look different on the page:
</p>
<ul>
<li>Plain with obelus: <strong>12 ÷ 4 = 3</strong></li>
<li>Plain with a slash (like a fraction lying down): <strong>12/4 = 3</strong></li>
<li>Typeset with a fraction bar: \(\dfrac{12}{4} = 3\) — top number “twelve,” bottom “four,” whole value “three.”</li>
</ul>
<p>
Read <strong>12 ÷ 4 = 3</strong> or <strong>12/4 = 3</strong> as: “twelve <em>divided by</em> four
<em>equals</em> three.” Twelve dots shared into four equal piles give three in each pile.
</p>
<p>
A <strong>slash</strong> between two numbers is a quick way to write division or a fraction in one
line: <strong>1/2</strong> is “one half,” and <strong>12/4</strong> is the same sharing story as
twelve divided by four. In typeset math the numbers can sit one above the other:
\(\tfrac{1}{2}\) (one half) and \(\dfrac{12}{4} = 3\) (twelve over four equals three).
</p>
<h2 id="equals" class="book-prose__heading">Equals (=)</h2>
<p>
The <strong>equals sign</strong> is two parallel lines: <strong>=</strong>. It means
<strong>is the same amount as</strong> on both sides.
</p>
<p>
Read a full sentence from left to right. In <strong>5 + 2 = 7</strong>, the left side (five plus
two) has the same total as the right side (seven). The equals sign is the bridge between them.
</p>
<div class="book-callout" role="note">
<p class="book-callout__label">One sentence</p>
<p>
Treat the whole line as one idea: “five plus two equals seven.” Do not stop reading at the plus
sign — finish at the number after the equals sign.
</p>
</div>
<h2 id="brackets" class="book-prose__heading">Brackets ( )</h2>
<p>
<strong>Round brackets</strong> — also called <strong>parentheses</strong> — wrap part of a
sentence: <strong>(</strong> and <strong>)</strong>. They mean: <strong>do this group
first</strong>, then use the result with the rest of the line.
</p>
<p>
In <strong>(2 + 3) + 4</strong>, add two and three inside the brackets to get five, then add four
to get nine. Without brackets, <strong>2 + 3 + 4</strong> still totals nine, but brackets help
when the order would be unclear.
</p>
<h2 id="quick-reference" class="book-prose__heading">Quick reference: the main four operations</h2>
<div class="book-table-wrap">
<table class="book-table notation-symbol-table">
<thead>
<tr>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">Meaning</th>
<th scope="col">Example</th>
</tr>
</thead>
<tbody>
<tr>
<td class="notation-symbol-table__glyph">+</td>
<td>plus</td>
<td>put together</td>
<td>3 + 4 = 7</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">−</td>
<td>minus</td>
<td>take away</td>
<td>7 − 3 = 4</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">×</td>
<td>times</td>
<td>equal groups</td>
<td>3 × 4 = 12</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">÷</td>
<td>divided by</td>
<td>fair shares</td>
<td>12 ÷ 4 = 3</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">=</td>
<td>equals</td>
<td>same amount both sides</td>
<td>5 + 2 = 7</td>
</tr>
<tr>
<td class="notation-symbol-table__glyph">( )</td>
<td>brackets</td>
<td>this part first</td>
<td>(2 + 3) + 4 = 9</td>
</tr>
</tbody>
</table>
</div>
<h2 id="compare" class="book-prose__heading">Less than and greater than (&lt; &gt;)</h2>
<p>
Sometimes we compare two amounts without adding or subtracting. The open mouth of the symbol
points at the <strong>bigger</strong> number.
</p>
<ul>
<li><strong>&lt;</strong> means <strong>less than</strong>. Example: <strong>3 &lt; 7</strong> — three is less than seven.</li>
<li><strong>&gt;</strong> means <strong>greater than</strong>. Example: <strong>9 &gt; 5</strong> — nine is greater than five.</li>
</ul>
<p>
You may also see <strong>≤</strong> (less than or equal) and <strong>≥</strong> (greater than or
equal). The extra line means “or the same amount.”
</p>
<h2 id="comma-decimal" class="book-prose__heading">Comma and decimal point</h2>
<p>
In big numbers like <strong>1,000</strong>, a <strong>comma</strong> groups digits in threes so
the number is easier to read — one thousand, not “one zero zero zero” as separate ideas.
</p>
<p>
A <strong>decimal point</strong> <strong>.</strong> sits between a whole part and a smaller part.
<strong>3.50</strong> might mean three dollars and fifty cents: the part after the point is not
whole dollars. You will learn more about decimals later; for now, remember the dot splits the
number into two pieces.
</p>
<h2 id="fractions" class="book-prose__heading">Fractions (½ and 1/2)</h2>
<p>
A <strong>fraction</strong> names <strong>part of a whole</strong> split into equal pieces. You
might see a single character like <strong>½</strong>, or plain text with a slash
<strong>1/2</strong>, or the same value written tall in math as \(\tfrac{1}{2}\) — all mean
<strong>one part out of two equal parts</strong>.
</p>
<figure class="notation-fraction-demo" role="group" aria-label="One half: one shaded part of two equal parts">
<span class="notation-fraction-demo__bar" aria-hidden="true">
<span class="notation-fraction-demo__part notation-fraction-demo__part--on"></span>
<span class="notation-fraction-demo__part"></span>
</span>
<figcaption class="notation-fraction-demo__caption">One half shaded — ½ of the bar</figcaption>
</figure>
<h2 id="percent" class="book-prose__heading">Percent (%)</h2>
<p>
The <strong>percent sign</strong> <strong>%</strong> means <strong>out of one hundred</strong>.
<strong>50%</strong> means fifty out of every hundred — half of the whole. If a test has 100
points and you score 80, you might say you got <strong>80%</strong>.
</p>
<h2 id="ellipsis-approx" class="book-prose__heading">And so on (…) and about (≈)</h2>
<p>
Three dots in a row <strong>…</strong> (an <strong>ellipsis</strong>) mean the pattern keeps
going the same way: <strong>2, 4, 6, 8, …</strong> — two, four, six, eight, and so on.
</p>
<p>
The sign <strong>≈</strong> means <strong>approximately</strong> or <strong>about</strong> — close
but not exact. <strong>10 ÷ 3 ≈ 3</strong> is a rough answer; the exact value is a bit more than
three.
</p>
<h2 id="more-signs-later" class="book-prose__heading">Signs you will meet later</h2>
<p>
As you grow, books will add more symbols: a <strong>colon</strong> for ratios, small numbers
above the line for powers, and pairs of letters in graphs. You do not need them yet; this chapter
is enough to read everyday number sentences.
</p>
<h2 id="try-it-yourself" class="book-prose__heading">Try it yourself</h2>
<p>
Say each line out loud before you calculate. Cover the answer with your hand, then check:
</p>
<ul>
<li><strong>6 + 1 = 7</strong> — “six plus one equals seven”</li>
<li><strong>10 − 4 = 6</strong> — “ten minus four equals six”</li>
<li><strong>2 × 5 = 10</strong> — “two times five equals ten”</li>
<li><strong>8 ÷ 2 = 4</strong> — “eight divided by two equals four”</li>
<li><strong>(1 + 2) × 3 = 9</strong> — brackets first: one plus two is three; three times three is nine</li>
</ul>
</div>
<div class="book-prose">
<h2 id="history" class="book-prose__heading">History</h2>
<p>
People counted with fingers and words long before they agreed on one way to write math. Ancient
Egyptians and Babylonians used pictures and marks for amounts. Over centuries, different
countries used different symbols for the same ideas.
</p>
<p>
The <strong>equals sign</strong> (=) was popularised in the 1500s by Welsh mathematician
<strong>Robert Recorde</strong>. He chose two lines because “no two things can be more equal” than
parallel lines — a way to show both sides match.
</p>
<p>
The <strong>plus</strong> and <strong>minus</strong> signs (+ and −) became common in Europe
around the same era, replacing longer Latin words. The <strong>times</strong> sign (×) and
<strong>division</strong> sign (÷) appeared later, when printing books needed short, clear marks
that fit on one line.
</p>
<p>
Brackets grew important when formulas got longer — mathematicians needed a visible rule for
“which part first,” just like you do in <strong>(2 + 3) + 4</strong>.
</p>
<h2 id="derivation" class="book-prose__heading">Derivation</h2>
<h3 id="why-symbols" class="book-prose__heading">Why symbols instead of only words?</h3>
<p>
Writing “three plus four equals seven” every time is long. Symbols are a <strong>shorthand</strong>:
the same meaning in less space, so you can compare many sentences quickly.
</p>
<h3 id="equals-meaning" class="book-prose__heading">What equals really says</h3>
<p>
If the left side of \(=\) counts to \(a\) and the right side counts to \(b\), then \(a = b\)
means both sides name the <strong>same number</strong>. If they were different, the sentence would
be false — like claiming \(3 + 4 = 8\) when seven dots are the true total.
</p>
<h3 id="brackets-order" class="book-prose__heading">Why brackets change the order</h3>
<p>
Without a rule, \(2 + 3 \times 4\) could be read in two ways. Brackets fix one group:
\((2 + 3) \times 4 = 5 \times 4 = 20\). Later you will learn more order rules; for now,
brackets always mean “work inside first.”
</p>
<h2 id="checkpoints" class="book-prose__heading">Checkpoints</h2>
<p>Pause and answer in your head or with a partner.</p>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>What is the name of the sign in \(7 - 3 = 4\)? What does it tell you to do?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>Say out loud: \(4 \times 2 = 8\). Which word goes with \(\times\)?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>In \((5 + 1) + 2\), which part do you work out first? What is the final total?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>Is \(6 &gt; 2\) true? What does the open side of \(>\) point toward?</p>
</div>
<div class="book-callout" role="note">
<p class="book-callout__label">Checkpoint</p>
<p>What does \(50\%\) mean in words (“out of …”)?</p>
</div>
<h2 id="applications" class="book-prose__heading">Real-life applications</h2>
<ul>
<li><strong>Recipes</strong> — “add 2 cups flour + 1 cup sugar” is a plus sentence in the kitchen.</li>
<li><strong>Scores</strong> — “Team A: 12, Team B: 8” uses comparison; 12 &gt; 8 means A scored more.</li>
<li><strong>Sharing</strong> — “12 sweets ÷ 4 children” is fair division at a party.</li>
<li><strong>Shopping</strong> — prices like $3.50 use a decimal point between dollars and cents.</li>
<li><strong>Sales</strong> — “25% off” uses percent out of one hundred.</li>
<li><strong>Patterns</strong> — “2, 4, 6, …” on a worksheet uses ellipsis for “keep going.”</li>
</ul>
<h2 id="question-bank" class="book-prose__heading">Question bank</h2>
<h3 id="questions-easy" class="book-prose__heading">Easy</h3>
<details class="book-question">
<summary class="book-question__prompt">What is the plus sign?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> A cross-shaped mark <strong>+</strong> that means add or put together.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">How do you say \(5 = 5\) out loud?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “Five equals five.”</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Which symbol means “take away”?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Minus: <strong>−</strong> (or <strong>-</strong> on a keyboard).</p>
</div>
</details>
<h3 id="questions-intermediate" class="book-prose__heading">Intermediate</h3>
<details class="book-question">
<summary class="book-question__prompt">Say \(9 \div 3 = 3\) in words.</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “Nine divided by three equals three.”</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">What does \(\times\) mean in \(4 \times 2\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Multiply — four groups of two (or two groups of four), total eight.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Compute \((3 + 2) + 4\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> \(9\).</p>
<p><strong>Steps:</strong> Inside brackets: \(3 + 2 = 5\). Then \(5 + 4 = 9\).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Is \(4 &lt; 9\) true or false?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> True — four is less than nine.</p>
</div>
</details>
<h3 id="questions-difficult" class="book-prose__heading">Difficult</h3>
<details class="book-question">
<summary class="book-question__prompt">Which is bigger: \(7\) or \(5\)? Write a true comparison using \(>\) or \(&lt;\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Seven is bigger. Examples: \(7 &gt; 5\) or \(5 &lt; 7\).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">What does \(1/2\) mean in words?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> One half — one part out of two equal parts.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">A shirt costs \(20\) dollars. The tag says \(25\%\) off. What does \(25\%\) mean?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Twenty-five out of every hundred — a quarter of the price is taken off (you will learn to compute the exact dollars later).</p>
</div>
</details>
<h3 id="questions-hardcore" class="book-prose__heading">Hardcore</h3>
<details class="book-question">
<summary class="book-question__prompt">Write \(2 \times 3 + 1\) in words two ways: (a) if you multiply first, (b) if you add inside brackets as \((2 \times 3) + 1\) only — are the totals the same as \(2 \times (3 + 1)\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> \((2 \times 3) + 1 = 7\). \(2 \times (3 + 1) = 2 \times 4 = 8\). They are <strong>not</strong> the same — brackets change the result.</p>
<p><strong>Explanation:</strong> Brackets show which group to do first; this is why notation matters.</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Name two other symbols that can mean “multiply” besides \(\times\).</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> Dot \(\cdot\) and asterisk \(*\) (on keyboards/calculators).</p>
</div>
</details>
<details class="book-question">
<summary class="book-question__prompt">Read \(1{,}000 + 500 = 1{,}500\) aloud. What job does the comma do in \(1{,}000\)?</summary>
<div class="book-question__solution">
<p><strong>Answer:</strong> “One thousand plus five hundred equals one thousand five hundred.” The comma groups digits in threes to show thousands.</p>
</div>
</details>
<h2 id="references" class="book-prose__heading">References</h2>
<ul>
<li>Recorde, Robert — early use of the equals sign in <em>The Whetstone of Witte</em> (1557).</li>
<li>Cajori, Florian — <em>A History of Mathematical Notations</em> (origins of +, −, ×, ÷).</li>
<li>National Council of Teachers of Mathematics — developing operation sense and notation in elementary grades.</li>
</ul>
</div>

2
content/math/directed-numbers-rates/_index.md
View file

@ -2,7 +2,7 @@
title = "Directed numbers, rates & ratios"
description = "Operate with negative numbers and solve ratio, rate, and proportion problems in context."
template = "chapter.html"
weight = 1
weight = 2
[extra]
subject = "math"
chapter_id = "directed-numbers-rates"