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

HTML: الجداول والنماذج

بعد تعلم أساسيات HTML، ننتقل إلى عناصر أكثر تقدماً مثل الجداول (Tables) والنماذج (Forms) التي تستخدم لعرض البيانات المنظمة وجمع المعلومات من المستخدمين.

الجداول في HTML:

<table border=1>
  <tr>
    <th>الاسم</th>
    <th>العلامة</th>
  </tr>
  <tr>
    <td>أحمد</td>
    <td>16</td>
  </tr>
</table>

الوسوم الأساسية للجداول: <table> للجدول، <tr> للصف، <td> للخلية، <th> لخلايا العنوان، <caption> لعنوان الجدول.

النماذج في HTML:

<form>
  <label>الاسم:</label>
  <input type="text" name="name">
  <input type="submit" value="إرسال">
</form>

أنواع المدخلات: text (نص)، password (كلمة سر)، email (بريد)، number (رقم)، radio (اختيار)، checkbox (تحديد)، submit (إرسال).

تمارين:

1. أنشئ جدولاً يعرض جدول ضرب الأعداد من 1 إلى 3.
2. أنشئ نموذج تسجيل يحتوي على الاسم والبريد الإلكتروني وكلمة المرور.
3. ما الفرق بين <th> و <td> في الجداول؟

للمزيد: مقدمة في HTML ومقدمة في بايثون