الإعلام الآلي — HTML المتقدم: الجداول والنماذج وعناصر الوسائط المتعددة — السنة الأولى ثانوي (جذع مشترك علوم وتكنولوجيا) — المنهاج الجزائري

الإعلام الآلي — HTML المتقدم: الجداول والنماذج وعناصر الوسائط المتعددة

HTML (HyperText Markup Language) هي لغة توصيف النصوص المستخدمة في بناء صفحات الويب. في هذا الدرس نتعرف على عناصر HTML المتقدمة.

1. إنشاء الجداول

وسم <table> لإنشاء جدول. <tr> لصف، <th> لخلايا العنوان، <td> لخلايا البيانات. أمثلة: دمج الخلايا باستخدام colspan (أعمدة) و rowspan (صفوف). تنسيق الجدول بخصائص border, cellpadding, cellspacing.

2. النماذج (Forms)

وسم <form> لإنشاء نموذج. عناصر الإدخال: <input type=”text”> للنص، type=”email” للبريد، type=”password” لكلمة السر، type=”radio” للاختيار، type=”checkbox” للخيارات المتعددة. <select> للقوائم المنسدلة. <textarea> للنصوص الطويلة. زر الإرسال: <input type=”submit”>.

3. الوسائط المتعددة

إدراج الصور: <img src=”URL” alt=”وصف”>. إدراج الفيديو: <video src=”URL” controls></video>. إدراج الصوت: <audio src=”URL” controls></audio>. إدراج فيديو من YouTube: <iframe>.

4. تمارين

تمرين 1: أنشئ صفحة HTML تحتوي على جدول ببيانات 4 طلاب (الاسم، المادة، العلامة). تمرين 2: أنشئ نموذج تسجيل يحتوي على: اسم المستخدم، البريد الإلكتروني، كلمة السر، الجنس، الدولة.

للمزيد: الإعلام الآلي للسنة الأولى متوسط و الإعلام الآلي للسنة الثالثة ثانوي.