📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: محتوى تعليمي
السؤال الثاني عشر
نوع: محتوى تعليمي
هذا هو البرنامج اليومي لقناة رياضية حيث يُبث من الساعة 13:00 وحتى الساعة 23:00.
نوع: محتوى تعليمي
أكمل المقطع البرمجي الخاص بالصفحة الإلكترونية للقناة الرياضية بما يلي:
نوع: محتوى تعليمي
< وسم meta لضبط عرض محتوى الصفحة الإلكترونية على عرض شاشة كل جهاز.
نوع: محتوى تعليمي
صفوف وبيانات الجدول من الساعة 15:00 إلى الساعة 23:00.
نوع: محتوى تعليمي
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8" />
</head>
<body>
<table>
<tr style="background-color:yellow;">
<td>15.00-13.00</td>
<td>التنس</td>
</tr>
</table>
</body>
</html>
🔍 عناصر مرئية
A snippet of HTML code demonstrating basic structure, including DOCTYPE, html, head, body, and table elements. The table has a yellow background row with time and program information.
📄 النص الكامل للصفحة
السؤال الثاني عشر
هذا هو البرنامج اليومي لقناة رياضية حيث يُبث من الساعة 13:00 وحتى الساعة 23:00.
أكمل المقطع البرمجي الخاص بالصفحة الإلكترونية للقناة الرياضية بما يلي:
< وسم meta لضبط عرض محتوى الصفحة الإلكترونية على عرض شاشة كل جهاز.
صفوف وبيانات الجدول من الساعة 15:00 إلى الساعة 23:00.
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8" />
</head>
<body>
<table>
<tr style="background-color:yellow;">
<td>15.00-13.00</td>
<td>التنس</td>
</tr>
</table>
</body>
</html>
--- VISUAL CONTEXT ---
**TABLE**: Untitled
Description: No description
Table Structure:
Headers: الوقت | البرنامج
Rows:
Row 1: 15:00-13:00 | كرة القدم
Row 2: 17:00-15:00 | السباحة
Row 3: 19:00-17:00 | كرة الطائرة
Row 4: 23:00-19:00 | النفس
Calculation needed: This table displays a daily sports program schedule.
Context: This table shows the daily schedule for a sports channel, indicating the time slots for different sports programs.
**CODE_SNIPPET**: Untitled
Description: A snippet of HTML code demonstrating basic structure, including DOCTYPE, html, head, body, and table elements. The table has a yellow background row with time and program information.
Context: This code snippet illustrates how to structure a basic HTML page and create a table to display program information.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 3 بطاقة لهذه الصفحة
ما هو الغرض من وسم <meta> الذي يحتوي على الخاصية name="viewport" في HTML؟
- أ) تحديد ترميز الأحرف المستخدم في الصفحة.
- ب) ربط الصفحة بملف أنماط CSS خارجي.
- ج) ضبط عرض محتوى الصفحة الإلكترونية ليتناسب مع عرض شاشة الجهاز المستخدم.
- د) تعريف كلمات مفتاحية لمحركات البحث.
الإجابة الصحيحة: c
الإجابة: ضبط عرض محتوى الصفحة الإلكترونية ليتناسب مع عرض شاشة الجهاز المستخدم.
الشرح: 1. وسم <meta> مع name="viewport" يوضع في قسم <head> من صفحة HTML.
2. الخاصية content="width=device-width" تجعل عرض الصفحة يساوي عرض شاشة الجهاز.
3. الخاصية initial-scale=1.0 تضبط مستوى التكبير الابتدائي للصفحة.
4. النتيجة: تحسين تجربة المستخدم على الأجهزة المحمولة واللوحية.
تلميح: يستخدم هذا الوسم لجعل الصفحة قابلة للتكيف مع أحجام الشاشات المختلفة.
التصنيف: تعريف | المستوى: متوسط
أي من الأكواد التالية يمثل إضافة صفوف HTML لجدول يبدأ من الساعة 15:00 إلى 23:00، مع تلوين الخلفية، بناءً على البيانات المعطاة؟
- أ) <tr>
<td>15.00-17.00</td>
<td>التنس</td>
</tr>
<tr>
<td>17.00-19.00</td>
<td>كرة السلة</td>
</tr>
- ب) <tr style="background-color:lightblue;">
<td>17.00-15.00</td>
<td>كرة القدم</td>
</tr>
<tr style="background-color:lightgreen;">
<td>19.00-17.00</td>
<td>السباحة</td>
</tr>
<tr style="background-color:red;">
<td>23.00-19.00</td>
<td>الكرة الطائرة</td>
</tr>
- ج) <td>17.00-15.00</td>
<td>كرة القدم</td>
<td>19.00-17.00</td>
<td>السباحة</td>
- د) <tr style="color:blue;">
<td>15.00-23.00</td>
<td>برامج رياضية</td>
</tr>
الإجابة الصحيحة: b
الإجابة: <tr style="background-color:lightblue;">
<td>17.00-15.00</td>
<td>كرة القدم</td>
</tr>
<tr style="background-color:lightgreen;">
<td>19.00-17.00</td>
<td>السباحة</td>
</tr>
<tr style="background-color:red;">
<td>23.00-19.00</td>
<td>الكرة الطائرة</td>
</tr>
الشرح: 1. يجب إنشاء صف (<tr>) لكل فترة زمنية من الجدول.
2. استخدام خاصية style داخل وسم <tr> لتحديد لون الخلفية (مثل lightblue، lightgreen، red).
3. داخل كل صف، نضع خليتين (<td>): الأولى للفترة الزمنية، والثانية لنوع البرنامج.
4. بناءً على البيانات: (15-17) كرة القدم، (17-19) السباحة، (19-23) الكرة الطائرة.
5. الكود الصحيح هو الذي يعكس هذه البيانات مع الألوان المحددة.
تلميح: تأكد من أن الفترات الزمنية والأنشطة تتطابق مع الجدول المعطى، وأن كل صف (<tr>) يحتوي على خليتين (<td>).
التصنيف: صيغة/خطوات | المستوى: صعب
في سياق HTML، ما هي الوظيفة الأساسية للوسم <tr> داخل هيكل الجدول (<table>)?
- أ) يُستخدم لإنشاء عمود داخل الجدول.
- ب) يُستخدم لتعريف خلية عنوان في الجدول.
- ج) يُستخدم لإنشاء صف (صف من الخلايا) داخل الجدول.
- د) يُستخدم لتعيين لون خلفية الجدول بأكمله.
الإجابة الصحيحة: c
الإجابة: يُستخدم لإنشاء صف (صف من الخلايا) داخل الجدول.
الشرح: 1. الوسم <table> يُستخدم لإنشاء جدول في HTML.
2. الوسم <tr> (Table Row) يُوضع داخل <table> لتمثيل صف واحد في الجدول.
3. داخل كل وسم <tr>، نضع وسوم <td> (لخلايا البيانات العادية) أو <th> (لخلايا العناوين).
4. كل <tr> يمثل سطراً أفقياً في الجدول.
تلميح: هذا الوسم يحوي بداخله الوسوم التي تمثل خلايا الجدول.
التصنيف: تعريف | المستوى: سهل