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

HTML: الجداول والنماذج (Tables و Forms)

الجداول والنماذج من العناصر المهمة في HTML. الجداول تنظيم البيانات بشكل صفوف وأعمدة، والنماذج لجمع البيانات من المستخدمين.

الجداول (Tables)

table border=”1″

thead

tr

th الاسم /th th العمر /th th المدينة /th

/tr

/thead

tbody

tr

td أحمد /td td 25 /td td الجزائر /td

/tr

tr

td سارة /td td 30 /td td وهران /td

/tr

/tbody

/table

يمكن دمج الخلايا باستخدام rowspan و colspan.

النماذج (Forms)

form action=”/submit” method=”POST”

label for=”name” الاسم: /label

input type=”text” id=”name” name=”name” required

label for=”email” البريد الإلكتروني: /label

input type=”email” id=”email” name=”email”

label for=”message” الرسالة: /label

textarea id=”message” name=”message” /textarea

button type=”submit” إرسال /button

/form

أنواع الإدخال

text, email, password, number, date, radio, checkbox, file, submit.

تمارين

التمرين 1: أنشئ جدولاً يعرض جدول الحصص الدراسية لأسبوع كامل.

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

للمزيد من الدروس، راجع درس HTML5 والعناصر الدلالية ودرس إنشاء موقع ويب باستخدام HTML و CSS.