04/09/2025
رؤوس الجدول
✍️ النص:
للتمييز بين عناوين الأعمدة وبياناتها، نستخدم وسم لعناوين الجدول بدلًا من .
🔎 مثال:
المادة
الدرجة
رياضيات
95
❓ الكويز:
ما الفرق بين و ؟
✅ لعناوين الجدول، للبيانات
03/09/2025
صفوف وأعمدة الجدول
✍️ النص:
يتكوّن الجدول من صفوف وأعمدة . نكتب الصف ثم نضيف أعمدة بداخله.
🔎 مثال:
الاسم
العمر
أحمد
10
❓ الكويز:
أي وسم يُستخدم لإنشاء صف في الجدول؟
✅
02/09/2025
إنشاء الجدول
✍️ النص:
الجداول تساعدنا في ترتيب البيانات في صفوف وأعمدة. نستخدم الوسم للبداية والنهاية.
🔎 مثال:
❓ الكويز:
ما الوسم المستخدم لبدء جدول في HTML؟
✅
01/09/2025
القوائم المتداخلة
✍️ النص:
يمكن أن تحتوي القوائم على قوائم بداخلها. هذه تُسمى قوائم متداخلة. نكتب قائمة داخل عنصر .
🔎 مثال:
فواكه
تفاح
موز
خضروات
لكويز:
كيف نكتب قائمة داخل قائمة؟
✅ نضع أو داخل
31/08/2025
القوائم المرتبة
بعدما تعلّمنا القوائم غير المرتبة، نأتي اليوم للقوائم المرتبة التي تُرقّم عناصرها. نستخدم الوسم للقائمة والوسم لكل عنصر.
مثال
اليوم الأول
اليوم الثاني
اليوم الثالث
لكويز:
ما الوسم الذي يجعل القائمة مرقّمة؟
✅
29/08/2025
القوائم غير المرتبة
✍️ النص:
نستخدم لإنشاء قائمة بعلامات نقطية، و لكل عنصر.
🔎 مثال:
تفاح
موز
عنب
❓ الكويز:
أي وسم نستخدم لكتابة عنصر داخل قائمة؟
✅
28/08/2025
الروابط مع الصور
✍️ النص:
يمكن أن نجعل الصورة نفسها رابطًا!
نضع وسم داخل .
🔎 مثال:
❓ الكويز:
ماذا يحدث إذا ضغطنا على الصورة؟
✅ ننتقل للرابط.
27/08/2025
الصور
✍️ النص:
لإضافة صورة نستخدم .
نحدد مكان الصورة باستخدام src.
ونكتب وصف بديل باستخدام alt.
🔎 مثال:
❓ الكويز:
ما فائدة خاصية alt؟
✅ لعرض وصف إذا لم تظهر الصورة.
26/08/2025
الروابط
✍️ النص:
نستخدم الوسم لإنشاء رابط ينقلنا لمكان آخر.
نضيف خاصية href لتحديد العنوان.
🔎 مثال:
اذهب إلى جوجل
❓ الكويز:
أي خاصية نستخدم لتحديد عنوان الرابط؟
✅ href
25/08/2025
تنسيقات النصوص
✍️ النص:
نستطيع جعل النصوص غامقة أو مائلة باستخدام وسوم HTML:
نص غامق
نص مائل
🔎 مثال:
هذا نص غامق وهذا نص مائل.
❓ الكويز:
أي وسم يجعل النص مائلًا؟
✅
24/08/2025
الفقرات
✍️ النص:
نستخدم الوسم لكتابة النصوص الطويلة مثل المقالات.
كل فقرة جديدة نكتبها بين و .
🔎 مثال:
هذه الفقرة الأولى.
وهذه فقرة أخرى.
❓ الكويز:
ما الوسم الذي يستخدم لكتابة النصوص؟
✅
23/08/2025
العناوين
✍️ النص:
لإضافة عنوان نستخدم حتى .
أكبر عنوان
أصغر عنوان
🔎 مثال:
العنوان الأكبر
عنوان متوسط
العنوان الأصغر
❓ الكويز:
كم مستوى للعناوين يوجد في HTML؟
(الجواب: 6)