Ниже представлен готовый HTML-код страницы справочника. Он полностью соответствует вашим требованиям: строгая структура, понятные объяснения, примеры и методические рекомендации для родителей. Вы можете скопировать этот код и разместить на своем школьном информационном сайте.
«`html
body {
font-family: ‘Segoe UI’, Roboto, Arial, sans-serif;
background:
f8faff;
margin: 0;
padding: 20px;
color:
1a2b3c;
}
.reference-card {
max-width: 900px;
margin: 0 auto;
background: white;
border-radius: 28px;
box-shadow: 0 12px 30px rgba(0,0,0,0.07);
padding: 30px 35px;
}
h1 {
font-size: 2.2rem;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
color:
0b2b44;
border-left: 6px solid
3b7cbf;
padding-left: 18px;
}
h2 {
font-size: 1.6rem;
margin-top: 2rem;
margin-bottom: 0.75rem;
color:
1c4e7c;
border-bottom: 2px dashed
b6d2ed;
padding-bottom: 6px;
}
h3 {
font-size: 1.25rem;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
color:
2c628a;
}
p, li {
line-height: 1.6;
font-size: 1.05rem;
}
ul, ol {
padding-left: 1.5rem;
}
.analogy-box {
background:
f1f7fe;
border-radius: 20px;
padding: 18px 22px;
margin: 20px 0;
border-left: 6px solid
4a90d9;
}
.algorithm-box {
background:
f5f9f0;
border-radius: 20px;
padding: 18px 22px;
margin: 20px 0;
border-left: 6px solid
5fa04b;
}
.step-item {
margin-bottom: 8px;
}
table.shpargalka {
width: 100%;
border-collapse: collapse;
background:
ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
margin: 18px 0;
}
.shpargalka th {
background:
1d4e7a;
color: white;
font-weight: 600;
padding: 14px 12px;
font-size: 1.1rem;
}
.shpargalka td {
border-bottom: 1px solid
e2ecf9;
padding: 12px 14px;
vertical-align: middle;
}
.shpargalka tr:last-child td {
border-bottom: none;
}
.shpargalka .rule-example {
font-weight: 500;
color:
1d4e7a;
}
.example-block {
background:
fafcff;
border-radius: 16px;
padding: 12px 20px 18px;
margin: 18px 0;
border: 1px solid
dbe7f3;
}
.example-title {
font-weight: 700;
color:
153e5e;
}
.solution-detail {
background:
f4f8fe;
padding: 10px 16px;
border-radius: 14px;
margin: 8px 0;
}
.star {
color:
e6b422;
font-size: 1.2rem;
margin-right: 5px;
}
.parent-box {
background:
f0f5fa;
border-radius: 20px;
padding: 18px 22px;
margin: 25px 0 15px;
border-left: 6px solid
f3b34a;
}
.mistake-box {
background:
fff6f0;
border-radius: 20px;
padding: 16px 22px;
margin: 20px 0;
border-left: 6px solid
d95c5c;
}
.mistake-item {
margin-bottom: 12px;
}
.footer-note {
margin-top: 30px;
padding-top: 10px;
border-top: 1px solid
d0dfee;
color:
3b5d7a;
text-align: center;
font-size: 0.95rem;
}
code {
background:
e9f0f9;
padding: 2px 8px;
border-radius: 12px;
font-weight: 500;
color:
1d4e7a;
}
.math-symbol {
font-family: ‘Times New Roman’, serif;
font-size: 1.2rem;
}
Деление десятичных дробей на 10 и 100
Когда нужно быстро уменьшить число в 10 или 100 раз — достаточно просто передвинуть запятую. Звучит волшебно? На самом деле это логично и очень удобно. Разберёмся раз и навсегда.
Простыми словами
Представь, что десятичная дробь — это очередь из цифр, а запятая — строгий контролёр.
Если мы делим на 10 — контролёр сдвигается на один шаг влево, и число становится меньше. Если делим на 100 — сдвигается на два шага влево.
🛒 Бытовая аналогия: У тебя было 350,5 рублей. Ты решил поделиться с 10 друзьями поровну — каждый получит 35,05 руб. Запятая «ушла» на одну позицию влево. А если бы друзей было 100 — каждому досталось бы 3,505 руб. (запятая ушла на две позиции).
Двигай запятую влево — и готово!
Алгоритм действий
- Определи, на сколько делить: на 10 или на 100.
- Посчитай количество нулей в делителе: у 10 — один ноль, у 100 — два нуля.
- Перенеси запятую влево на столько же цифр, сколько нулей.
- Если цифр слева не хватает — добавь нули перед числом (например, 5,2 ÷ 100 = 0,052).
- Запиши результат. Готово!
Шпаргалка
| Действие | Как сдвигается запятая | Пример |
|---|---|---|
| ÷ 10 | на 1 знак влево | 34,8 → 3,48 |
| ÷ 100 | на 2 знака влево | 34,8 → 0,348 |
| ÷ 10 (не хватает цифр) | добавить 0 слева | 5,2 → 0,52 |
| ÷ 100 (не хватает цифр) | добавить 00 слева | 5,2 → 0,052 |
| ÷ 10 (целое число) | запятая после единиц, сдвиг | 74 → 7,4 |
| ÷ 100 (целое число) | сдвиг и добавление нуля | 74 → 0,74 |
<p style="font-size:0.95rem; color:
2c5a7a;»>💡 Подсказка: целое число 74 — это 74,0 (запятую не пишем, но подразумеваем).
Примеры
🔹 Пример 1 (простой): 48,6 ÷ 10
Решение: В числе 48,6 запятая стоит после 8. Делим на 10 (один ноль) → сдвигаем запятую на 1 знак влево. Получаем 4,86.
📌 Проверка: 4,86 × 10 = 48,6 ✅
🔸 Пример 2 (средний): 307,5 ÷ 100
Решение: 100 содержит два нуля. Сдвигаем запятую на 2 позиции влево: 307,5 → 3,075 (между 3 и 0 появилась запятая).
📌 Проверка: 3,075 × 100 = 307,5 ✅
★ Пример 3 (со звёздочкой): 2 ÷ 100
Решение: Число 2 — целое, мысленно ставим запятую после 2: 2,0. Делим на 100 (два нуля). Сдвигаем запятую на 2 знака влево. Цифр слева не хватает — добавляем ноль: 0,02.
📌 Проверка: 0,02 × 100 = 2 ✅
Ещё пример со звёздочкой: 0,5 ÷ 10 = 0,05 (сдвиг на 1 знак, добавили ноль).
Родителям: проверка за 2 минуты
Как убедиться, что ребёнок понял тему? Попросите устно или на листочке выполнить три действия:
- ➊ 7,3 ÷ 10 = ? (правильный ответ: 0,73)
- ➋ 124,6 ÷ 100 = ? (правильный ответ: 1,246)
- ➌ 9 ÷ 100 = ? (правильный ответ: 0,09)
Если ребёнок легко справился — тема усвоена. Если ошибается в позиции запятой или забывает добавить нули — повторите алгоритм и шпаргалку.
⏱️ Весь тест занимает меньше двух минут.
Частые ошибки
- ❌ Ошибка 1: «Запятая двигается вправо».
💡 Как запомнить: деление — число уменьшается, запятая идёт влево (как будто число «сжимается»). - ❌ Ошибка 2: «Забывают дописать нули, если не хватает цифр».
💡 Совет: когда слева от запятой мало цифр, смело рисуем недостающие нули. 3 ÷ 100 = 0,03, а не 0,3. - ❌ Ошибка 3: «Делят на 10, а сдвигают на 2 знака (или наоборот)».
💡 Лайфхак: смотрим на количество нулей у 10 (один) и у 100 (два). Сколько нулей — на столько шагов и двигаем.
<div style="background:
e8f0fa; border-radius: 18px; padding: 14px 20px; margin: 28px 0 10px;»>
Коротко о главном: деление десятичных дробей на 10 и 100 — это просто перенос запятой. Потренируйтесь на кофейных чашках, деньгах или сантиметрах — и навык закрепится на всю жизнь. Если что-то осталось непонятным, вернитесь к алгоритму или шпаргалке.
