exam.html
Code with Asmaa — تقييم الوحدة الأولى

امتحان لغة <HTML/>

امتحان شامل يغطي الوسوم والعناصر، العناوين والفقرات، تنسيق النصوص، الروابط، الصور، الجداول، النماذج، والصوت والفيديو.

اسم الطالب/ة
......................
التاريخ
......................
عدد الأسئلة
40 سؤال
الدرجة الكلية
50 درجة
الوسوم <tag> والعناصر والخصائص العناوين h1–h6 والفقرات p تنسيق النصوص b, i, mark الروابط <a> الصور <img> الجداول table النماذج form الصوت والفيديو audio/video
تعليمات الامتحان:
<القسم الأول/>
اختر الإجابة الصحيحة — 30 سؤال × 1 درجة
01
أي من الأكواد التالية يفتح ويغلق وسم الفقرة بشكل صحيح؟
<p>مرحبا</p>
<paragraph>مرحبا</paragraph>
<p>مرحبا<p>
[p]مرحبا[/p]
02
أي كود يحدد مصدر الصورة بشكل صحيح؟
<img scr="pic.jpg">
<img src="pic.jpg">
<img source="pic.jpg">
<image src="pic.jpg">
03
ماذا ينقص الكود التالي حتى يعمل بشكل صحيح؟
<h2>عنوان فرعي
A وسم إغلاق </h2>
B الخاصية src
C وسم <p> إضافي
D لا ينقصه شيء
04
أي وسم من التالية "فارغ" (Void) ولا يحتاج وسم إغلاق؟
<p>
<div>
<br>
<span>
05
أي كود ينشئ أكبر عنوان ممكن في الصفحة؟
<h6>عنوان</h6>
<h1>عنوان</h1>
<head>عنوان</head>
<title>عنوان</title>
06
ماذا يظهر هذا الكود على الصفحة؟
<p>مرحبا<br>بكم</p>
"مرحبا بكم" في سطر واحد
"مرحبا" في سطر، و"بكم" في سطر جديد تحته
خطأ في الكود ولن يظهر شيء
"مرحبا" فقط بدون "بكم"
07
أي وسم يُنشئ قائمة مرتبة بالأرقام؟
<ol>
<ul>
<li>
<list>
08
ما وظيفة السطر التالي؟
<meta charset="UTF-8">
يضمن ظهور اللغة العربية وكل الرموز الخاصة بشكل صحيح
يحدد لون خلفية الصفحة
يضيف صورة للصفحة
ينشئ رابطًا خارجيًا
09
أي كود يجعل كلمة "مهم" بخط عريض (Bold)؟
هذا <b>مهم</b> جدًا
هذا <i>مهم</i> جدًا
هذا <u>مهم</u> جدًا
هذا <mark>مهم</mark> جدًا
10
ماذا يفعل هذا الكود؟
<mark>تخفيض 50%</mark>
يحذف النص من الصفحة
يظلل النص بلون مميز (Highlight)
يجعل النص مائلاً
يصغر حجم النص
11
أي كود يجعل النص مائلاً (Italic)؟
<i>ملاحظة مهمة</i>
<b>ملاحظة مهمة</b>
<u>ملاحظة مهمة</u>
<mark>ملاحظة مهمة</mark>
12
ماذا يفعل هذا الكود بكلمة "شامل الضريبة"؟
<p>السعر <small>شامل الضريبة</small></p>
يكبّر حجمها
يصغّر حجمها
يحذفها
يلوّنها
13
أي كود يُنشئ حقل إدخال يتحقق من أن القيمة المدخلة رابط (URL) صحيح؟
<input type="url">
<input type="text">
<input type="link">
<input type="web">
14
أي كود ينشئ حقل إدخال لاختيار تاريخ (يوم/شهر/سنة) عبر تقويم منبثق؟
<input type="date">
<input type="day">
<input type="calendar">
<input type="text">
15
أي كود ينشئ حقل إدخال يقبل أرقامًا فقط؟
<input type="number">
<input type="numeric">
<input type="digit">
<input type="text">
16
ما وظيفة السطر التالي عندما يكون أول سطر في ملف HTML؟
<!DOCTYPE html>
يخبر المتصفح أن الصفحة HTML5 حديثة
يضيف تنسيقًا خاصًا للنص
ينشئ رابطًا لملف CSS
يشغّل كود جافا سكريبت
17
لكي تنتمي أزرار Radio إلى مجموعة واحدة (يُختار منها قيمة واحدة فقط)، يجب أن تتشارك نفس قيمة الخاصية:
id
value
name
type
18
ما الفرق الأساسي بين type="radio" و type="checkbox"؟
radio يسمح باختيار قيمة واحدة فقط من المجموعة، أما checkbox فيسمح باختيار أكثر من قيمة
checkbox يسمح باختيار قيمة واحدة فقط من المجموعة
لا يوجد فرق بينهما
radio يُستخدم مع النصوص الطويلة فقط
19
أي وسم يُستخدم لإنشاء قائمة منسدلة (Dropdown List)؟
<select>
<list>
<dropdown>
<input type="list">
20
ما الوسم الذي يُستخدم داخل <select> لإضافة كل خيار في القائمة المنسدلة؟
<item>
<li>
<option>
<choice>
21
أي كود ينشئ أداة اختيار لون (Color Picker)؟
<input type="color">
<input type="paint">
<input type="rgb">
<input type="pick">
22
أي وسم يمثل خلية بيانات عادية في الجدول؟
<tr>
<td>
<th>
<table>
23
ماذا يفعل الكود التالي؟
<td colspan="2">الاسم</td>
يدمج خليتين في صف واحد أفقيًا
يدمج خليتين عموديًا
يحذف الخلية
يلوّن الخلية
24
أي وسم يُستخدم لعنوان عمود (رأس الجدول)؟
<td>
<th>
<tr>
<caption>
25
أي كود ينشئ حقل إدخال نصي؟
<input type="text">
<input type="field">
<text></text>
<textbox>
26
ما الفرق بين <input type="number"> و<input type="range">؟
number يعرض القيمة داخل حقل يمكن كتابتها، بينما range يعرضها كشريط تمرير
لا يوجد أي فرق بينهما إطلاقًا
number لا يقبل الأرقام السالبة أبدًا
range يُستخدم فقط لإدخال النصوص
27
أي كود ينشئ زر إرسال (Submit) صحيح؟
<input type="submit" value="إرسال">
<input type="send" value="إرسال">
<button type="link">إرسال</button>
<submit>إرسال</submit>
28
ماذا يفعل وسم <fieldset> في نموذج HTML؟
يجمع عناصر النموذج المرتبطة داخل إطار واحد
يرسل بيانات النموذج
يحذف عناصر النموذج
ينشئ زرًا جديدًا
29
أي كود يضيف ملف صوتي مع ظهور أدوات التحكم؟
<audio src="song.mp3" controls></audio>
<audio src="song.mp3"></audio>
<sound src="song.mp3" controls></sound>
<audio file="song.mp3" controls></audio>
30
ماذا تفعل الخاصية controls في الكود التالي؟
<video src="clip.mp4" controls></video>
تشغّل الفيديو تلقائيًا
تُظهر أدوات التحكم (تشغيل/إيقاف/صوت)
تحدد حجم الفيديو
تحدد مسار الفيديو
<القسم الثاني/>
صحّح الخطأ البرمجي — 5 أسئلة × 2 درجة
31
يوجد خطأ في الكود التالي، حدده وصححه:
<img scr="cat.jpg" alt="قطة">
✎ التصحيح:
32
يوجد خطأ في الكود التالي، حدده وصححه:
<a herf="https://example.com">اضغط هنا</a>
✎ التصحيح:
33
يوجد خطأ في الكود التالي، حدده وصححه:
<input tipe="number" min="1" max="10">
✎ التصحيح:
34
يوجد خطأ في الكود التالي، حدده وصححه:
<h1>مرحبًا بكم في موقعنا<h1>
✎ التصحيح:
35
يوجد خطأ في الكود التالي، حدده وصححه:
<audio src="song.mp3" controlls></audio>
✎ التصحيح:
<القسم الثالث/>
اكتب الكود المطلوب — 5 أسئلة × 2 درجة
36
اكتب وسم HTML لعنوان رئيسي بحجم h1 يحتوي على كلمة "مرحبا".
// اكتب الكود هنا
37
اكتب وسم رابط تشعبي يوجّه إلى الموقع https://google.com ونص الرابط "اضغط هنا".
// اكتب الكود هنا
38
اكتب وسم لإدراج صورة اسمها flower.jpg مع نص بديل (alt) "زهرة".
// اكتب الكود هنا
39
اكتب وسم يجعل كلمة "أهلا" بخط عريض (Bold).
// اكتب الكود هنا
40
اكتب وسم لرسم خط أفقي فاصل في الصفحة.
// اكتب الكود هنا
انتهى الامتحان — Code with Asmaa 💛
</exam>