Scribd
Upload
3 views5 pages

تمارين جمع للأطفال مع صور

The document is an HTML page designed for children to practice addition with visual aids, using emojis to represent numbers. It includes exercises categorized into three levels of difficulty, each featuring different sets of emojis and addition problems. The layout is visually appealing, with sections clearly defined for each level of exercises.

Uploaded by

salwafreha59
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views5 pages

تمارين جمع للأطفال مع صور

The document is an HTML page designed for children to practice addition with visual aids, using emojis to represent numbers. It includes exercises categorized into three levels of difficulty, each featuring different sets of emojis and addition problems. The layout is visually appealing, with sections clearly defined for each level of exercises.

Uploaded by

salwafreha59
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html dir="rtl">
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f9ff;
padding: 20px;
}
.title {
color: #2563eb;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
background-color: white;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.section {
background-color: #fff;
border-radius: 15px;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.section-title {
color: #1e40af;
font-size: 20px;
margin-bottom: 20px;
text-align: center;
}
.exercise-container {
background-color: #f8fafc;
border-radius: 15px;
padding: 15px;
margin-bottom: 20px;
}
.math-box {
display: inline-block;
background-color: white;
border: 2px solid #cbd5e1;
border-radius: 10px;
padding: 15px;
margin: 10px;
min-width: 80px;
text-align: center;
}
.operator {
font-size: 24px;
color: #4b5563;
margin: 0 10px;
}
.number {
font-size: 20px;
color: #1e40af;
margin-top: 10px;
}
.emoji {
font-size: 30px;
}
</style>
</head>
<body>
<h1 class="title">‫<تمارين الجمع المصورة للأطفال‬/h1>

<div class="section">
<h2 class="section-title">٥ ‫ الجمع حتى‬:‫<المستوى الأول‬/h2>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🍎</div>
<div class="number">١</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🍎</div>
<div class="number">١</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🐢🐢</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🐢</div>
<div class="number">١</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🦋🦋</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🦋🦋</div>
<div class="number">٢</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">٧ ‫ الجمع حتى‬:‫<المستوى الثاني‬/h2>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🌸🌸🌸</div>
<div class="number">٣</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🌸🌸</div>
<div class="number">٢</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🐠🐠🐠</div>
<div class="number">٣</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🐠🐠🐠</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🌟🌟</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🌟🌟🌟🌟</div>
<div class="number">٤</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>
</div>

<div class="section">
<h2 class="section-title">١٠ ‫ الجمع حتى‬:‫<المستوى الثالث‬/h2>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🎈🎈🎈🎈</div>
<div class="number">٤</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🎈🎈🎈</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🌺🌺🌺🌺🌺</div>
<div class="number">٥</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🌺🌺🌺</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">⭐⭐⭐</div>
<div class="number">٣</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">⭐⭐⭐⭐⭐</div>
<div class="number">٥</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>
</div>

<div class="section">
<h2 class="section-title">‫<تمارين متنوعة‬/h2>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🐳🐳</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🐳🐳🐳🐳</div>
<div class="number">٤</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🌴🌴🌴</div>
<div class="number">٣</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🌴🌴🌴🌴</div>
<div class="number">٤</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🎪🎪</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🎪🎪🎪</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>
</div>
</body>
</html>

You might also like