الإعلام الآلي — لغة HTML5: إنشاء الجداول والنماذج — الثانية ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

لغة 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.