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.
مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.