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

HTML5: إنشاء الجداول والنماذج

الجداول والنماذج (Tables and Forms) من أهم عناصر HTML5 لتنظيم وجمع البيانات.

1. إنشاء الجداول (Tables)

نستخدم الوسوم <table>، <tr>، <th>، <td>.

<table border="1">
  <tr>
    <th>الاسم</th>
    <th>العمر</th>
  </tr>
  <tr>
    <td>Ahmed</td>
    <td>17</td>
  </tr>
</table>

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

تستخدم لجمع بيانات من المستخدم.

<form action="submit.php" method="POST">
  <label for="name">الاسم:</label>
  <input type="text" id="name" name="name">
  
  <label for="email">البريد:</label>
  <input type="email" id="email" name="email">
  
  <input type="submit" value="إرسال">
</form>

3. أنواع المدخلات

text, email, password, number, date, radio, checkbox, select, textarea…

4. تمارين

تمرين 1: أنشئ جدولاً يعرض جدول الضرب (1 إلى 10).

تمرين 2: صمم نموذج تسجيل لموقع تعليمي يحتوي على: اسم، بريد، كلمة سر، تاريخ الميلاد، الجنس.

تمرين 3: أضف تدقيقات HTML5 للنموذج: required, minlength, pattern.

📍 دروس مشابهة

• الإعلام الآلي — الخوارزميات البسيطة — السنة الخامسة إبتدائي
• الإعلام الآلي — إنشاء حساب بريد إلكتروني — السنة الخامسة إبتدائي
• الإعلام الآلي — الذكاء الاصطناعي: مفهومه — الأولى متوسط — المنهاج الجزائري