الدرس 3 دليل الجداول والنماذج في HTML

تعلم تنظيم البيانات بإستخدام الجداول وإنشاء نماذج تفاعلية لجمع المعلومات،بناء الهياكر المعقدة وإنشاء تجارب مستخدم متكاملة بإستخدام عناصر HTML الأساسية
الدرس 3 دليل الجداول والنماذج في HTML
الدرس 3 الجداول والنماذج في HTML محتوى الدرس الجداول في HTML النماذج (Forms) أنواع حقول الإدخال تمرين عملي اختبار الدرس دليل الجداول في لغة HTML تستخدم الجداول لعرض البيانات المنظمة في صفوف وأعمدة. 1. الجدول الأساسي الكود: <table border="1"> <tr> <th>الاسم</th> <th>العمر</th> <th>المدينة</th> </tr> <tr> <td>أحمد</td> <td>25</td> <td>الرياض</td> </tr> </table> النتيجة: الاسم العمر المدينة أحمد 25 الرياض فاطمة 30 جدة 2. عناصر الجدول العنصر الوصف مثال <table> يحدد بداية ونهاية الجدول الجدول بأكمله <tr> صف في الجدول (Table Row) صف البيانات <th> عنوان العمود (Table Header) الاسم <td> خلية بيانات (Table Data) أحمد 3. دمج الخلايا الكود: <table border="1"> <tr> <th colspan="2">المعلومات الشخصية</th> </tr> <tr> <td>الاسم</td&g…