Ниже представлен полный HTML-код страницы справочника для школьного сайта по теме «Умножение и деление чисел. 4 класс». Код соответствует вашим требованиям: использует заголовки, списки, таблицу-шпаргалку и примеры для наглядного объяснения материала.
«`html

• {

box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: ‘Segoe UI’, Roboto, Arial, sans-serif;
background-color:

f4f9ff;

padding: 30px 20px;
color:

1d2b3a;

line-height: 1.5;
}
.container {
max-width: 1000px;
margin: 0 auto;
background: white;
border-radius: 28px;
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
padding: 30px 35px;
}
h1 {
font-size: 2.2rem;
margin-bottom: 0.25rem;
color:

0a3d62;

border-left: 8px solid

3b82f6;

padding-left: 20px;
background: linear-gradient(to right,

f0f7ff, transparent);

}
h2 {
font-size: 1.7rem;
margin-top: 2rem;
margin-bottom: 0.8rem;
color:

1e3a5f;

border-bottom: 2px solid

b3d4ff;

padding-bottom: 6px;
}
h3 {
font-size: 1.3rem;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
color:

2c3e50;

}
p {
margin: 0.8rem 0;
}
ul, ol {
margin: 0.8rem 0 1.2rem 1.8rem;
}
li {
margin: 0.3rem 0;
}
.highlight {
background:

eaf3ff;

padding: 0.2rem 0.6rem;
border-radius: 12px;
font-weight: 500;
}
.simple-block {
background:

fef9e7;

border-left: 6px solid

f5b041;

padding: 18px 22px;
border-radius: 18px;
margin: 20px 0;
box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.simple-block p {
margin: 0.3rem 0;
}
.step-list {
background:

f2f9fc;

padding: 18px 25px;
border-radius: 24px;
list-style-type: decimal;
font-weight: 500;
}
.step-list li {
margin: 0.7rem 0;
font-weight: 400;
}
.step-list strong {
color:

0b4f6c;

}
table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
th {
background:

2b6c9e;

color: white;
font-weight: 600;
padding: 14px 12px;
text-align: center;
font-size: 1.1rem;
}
td {
background:

fafcff;

padding: 12px 12px;
border-bottom: 1px solid

d8e6f2;

text-align: center;
}
tr:last-child td {
border-bottom: none;
}
.example-box {
background:

f8faff;

border-radius: 24px;
padding: 6px 20px 20px 20px;
margin: 1.8rem 0;
border: 1px solid

d4e2f0;

}
.example-box h3 {
margin-top: 1rem;
}
.solution-step {
background:

ffffff;

padding: 12px 18px;
border-radius: 16px;
box-shadow: 0 2px 6px rgba(0,0,0,0.02);
margin: 5px 0;
}
.star {
color:

d4a017;

font-weight: bold;
}
.parents-block {
background:

e2f0e6;

padding: 18px 25px;
border-radius: 24px;
margin: 25px 0;
border-left: 6px solid

2e7d5e;

}
.mistake-item {
background:

fff3f0;

padding: 12px 20px;
border-radius: 20px;
margin: 12px 0;
border-left: 5px solid

c0392b;

}
.mistake-item strong {
color:

b03a2e;

}
.footer-note {
margin-top: 2.5rem;
font-size: 0.95rem;
text-align: center;
color:

5f7d9c;

border-top: 1px solid

cbdae9;

padding-top: 1.5rem;
}
.code-inline {
background:

eef3f9;

padding: 0 8px;
border-radius: 10px;
font-family: ‘Courier New’, monospace;
}
@media (max-width: 700px) {
.container { padding: 18px; }
h1 { font-size: 1.8rem; }
}

✖️➗ Умножение и деление чисел. 4 класс

<p style="font-size: 1.1rem; color:

2c5282; margin-top: 0;»>От таблицы умножения до уверенного счёта — понятно и без страха.

🗣️ Простыми словами

Представь, что ты выдаёшь яблоки друзьям.

Если у тебя есть 4 пакета, и в каждом пакете лежит по 6 яблок, то умножение помогает быстро узнать, сколько всего яблок:

4 раза взять по 6 → 4 × 6 = 24 яблока. Это как «сложить одинаковые кучки».

Деление — наоборот: ты хочешь разделить 24 яблока поровну между 4 друзьями. Каждому достанется 24 ÷ 4 = 6 яблок. Делить — значит «разложить поровну» или узнать, сколько раз одно число помещается в другом.

💡 Запоминай: умножение собирает, деление — распределяет. Они как близнецы-наоборот.

🧭 Алгоритм действий (пошаговая инструкция)

1. Прочитай пример: 7 × 8 или 56 ÷ 7. Пойми, что нужно сделать: найти произведение или частное.
2. Вспомни таблицу умножения (или используй шпаргалку ниже). Умножение — это многократное сложение: 7 × 8 = 7+7+7+7+7+7+7+7.
3. Для умножения: перемножь числа. Если один множитель — 0, ответ 0. Если 1 — ответ равен другому числу.
4. Для деления: подумай, на сколько нужно умножить делитель, чтобы получить делимое. Например, 56 ÷ 7: «Сколько раз по 7 помещается в 56?» 7 × 8 = 56 → ответ 8.
5. Проверь себя: умножение проверяется делением, а деление — умножением. 9 × 6 = 54 → 54 ÷ 9 = 6 ✅.
6. Если число большое (внетабличное), используй письменное умножение/деление столбиком (но в 4 классе это уже знакомо).

📌 Шпаргалка (самые важные пары)

✖️ Умножение	➗ Деление	🧠 Секрет
2 × 3 = 6	6 ÷ 2 = 3	2+2+2
4 × 5 = 20	20 ÷ 4 = 5	как 4 пятёрки
6 × 7 = 42	42 ÷ 6 = 7	42 ÷ 7 = 6
7 × 8 = 56	56 ÷ 7 = 8	56 ÷ 8 = 7
8 × 9 = 72	72 ÷ 8 = 9	девятка × 8
9 × 9 = 81	81 ÷ 9 = 9	квадрат числа
12 × 3 = 36	36 ÷ 12 = 3	дюжина × 3
0 × 15 = 0	0 ÷ 7 = 0	ноль — всегда 0

<p style="font-size: 0.95rem; color:

3b5f7a;»>📐 Важно: учи таблицу умножения (1–9) — это ключ ко всем примерам!

🧮 Примеры с подробным решением

🔹 Пример 1 (простой) · 3 × 8 = ?

Решение: 3 × 8 — это три раза по 8. Складываем: 8 + 8 + 8 = 24. Или по таблице умножения: 3 × 8 = 24.

Проверка: 24 ÷ 8 = 3 ✅.

🔸 Пример 2 (средний) · 56 ÷ 7 = ?

Решение: Делим 56 на 7. Вспоминаем: 7 × 8 = 56. Значит, 56 ÷ 7 = 8. Или раскладываем: 56 = 7+7+7+7+7+7+7+7 (8 семёрок).

Проверка: 8 × 7 = 56 ✅.

⭐ Пример 3 (со звёздочкой) · 144 ÷ 12 = ?

Решение: 144 ÷ 12. Замечаем, что 12 × 12 = 144 (квадрат числа). Значит, ответ — 12. Можно по-другому: 144 ÷ 12 = (144 ÷ 4) ÷ 3 = 36 ÷ 3 = 12. Или 144 ÷ 12 = 12, так как 12 помещается в 144 ровно 12 раз.

Проверка: 12 × 12 = 144 ✅. ★ Полезно помнить квадраты чисел.

👨‍👩‍👦 Родителям: проверка за 2 минуты

Как убедиться, что ребёнок понял тему? Задайте 3–4 устных вопроса. Не настаивайте на письменном тесте, просто побеседуйте.

• 🎯 Попросите объяснить «своими словами»: что значит 6 × 4? (6 взять 4 раза).
• 🎯 Дайте два числа: 8 и 9. Пусть назовёт произведение (72) и частное, если 72 разделить на 8 (9).
• 🎯 Житейская задача: «В коробке 5 рядов по 6 конфет. Сколько всего конфет?» (30). А если 30 конфет разложить в 5 рядов поровну — сколько в ряду? (6).
• 🎯 Проверьте «обратность»: 7 × 3 = 21, тогда 21 ÷ 7 = ? и 21 ÷ 3 = ?. Если отвечает быстро — молодец.

⏱️ Если ребёнок путается — не ругайте. Вернитесь к шпаргалке и нарисуйте «кучки яблок». Обычно 2–3 дня повторения закрепляют навык.