مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
لغة HTML5: إنشاء الجداول والنماذج
المستوى: الثانية ثانوي (شعب علمية)
1. إنشاء الجداول في HTML
نستخدم الوسوم: <table> للجدول، <tr> للسطر، <td> للخلية، <th> لرأس الجدول.
مثال:
<table border=”1″>
<tr><th>الاسم</th><th>العمر</th></tr>
<tr><td>أحمد</td><td>18</td></tr>
</table>
2. إنشاء النماذج (Forms)
وسم <form>: <form action=”…” method=”…”>…</form>
أنواع المدخلات:
- <input type=”text”> (نص)
- <input type=”password”> (كلمة سر)
- <input type=”email”> (بريد)
- <input type=”radio”> (اختيار)
- <input type=”checkbox”> (خانة اختيار)
- <input type=”submit”> (إرسال)
3. دمج CSS مع HTML
نضيف التنسيق بـ CSS داخل وسم <style> أو في ملف خارجي.
تمارين
التمرين 1: اكتب كود HTML لجدول يضم 3 طلاب مع أسمائهم ودرجاتهم.
التمرين 2: أنشئ نموذج تسجيل يحتوي على الاسم والبريد الإلكتروني وكلمة السر.
الحلول:
راجع الدروس المتقدمة في HTML على الموقع.
للمزيد: راجع درس لغة HTML5 ودرس تنسيق CSS.
