هذا الدرس من الدورة التدريبية: دورة تدريبية في بناء صفحات الويب HTML & CSS
الدرس: فهم الأعمدة والصفوف لبناء هيكل الجداول جداول في HTML
المدة: 5 دقائق
وصف الدرس
مفهوم الأعمدة والصفوف في جداول HTML
الجداول تتكون من عناصر أساسية تشمل الصفوف والأعمدة، وفهم هذه العناصر يمكن أن يساعد في تنظيم البيانات بشكل فعال.
- الصفوف (Rows): تُعتبر الصفوف عناصر أفقية في الجدول، حيث تحتوي كل صف على مجموعة من الخلايا. يتم تعريف الصفوف باستخدام العنصر
<tr>. كل صف يمكن أن يحتوي على خلايا رأسية أو خلايا بيانات. - الأعمدة (Columns): الأعمدة هي عناصر عمودية تحدد نوع البيانات المعروضة في الجدول. يتم تحديد رؤوس الأعمدة باستخدام العنصر
<th>, بينما تُستخدم خلايا البيانات باستخدام العنصر<td>.
بناء جدول بسيط
فيما يلي مثال يوضح كيفية بناء جدول يحتوي على عدة صفوف وأعمدة، مما يساعد في تنظيم البيانات بشكل منظم:
html
<h1>فهم الهيكل الأساسي للجداول</h1>
<table>
<tr> <!-- صف الجدول -->
<th>الاسم</th> <!-- رأس العمود -->
<th>العمر</th>
<th>المهنة</th>
</tr>
<tr>
<td>أليس</td> <!-- بيانات الجدول -->
<td>29</td>
<td>مصممة جرافيك</td>
</tr>
<tr>
<td>بوب</td>
<td>35</td>
<td>مهندس برمجيات</td>
</tr>
<tr>
<td>أحمد</td>
<td>50</td>
<td>مدير</td>
</tr>
</table>
شرح عناصر الجدول
<table>: يُستخدم لإنشاء الجدول ويعمل كحاوية لجميع العناصر الأخرى.<tr>: يُمثل صفًا في الجدول. كل صف يحتوي على خلايا يمكن أن تكون إما رؤوس أعمدة (<th>) أو خلايا بيانات (<td>).<th>: يُستخدم لتحديد رؤوس الأعمدة. النص داخل هذا العنصر يظهر عادةً بشكل عريض ومركزي.<td>: يُمثل خلايا البيانات داخل الجدول. يُستخدم لعرض البيانات الفعلية في الجدول.
أهمية فهم هيكل الجداول
فهم كيفية بناء الأعمدة والصفوف في جداول HTML يمكن أن يحسن من جودة تصميم صفحات الويب التي تعمل عليها. من خلال تعلم كيفية تنظيم البيانات وتقديمها بفعالية، يمكنك إنشاء جداول منسقة ومنظمة تسهل على المستخدمين قراءة المعلومات.
انضم إلى دورتنا التعليمية الشاملة الآن
إذا كنت ترغب في تعميق معرفتك في HTML وCSS وتعزيز مهاراتك في تصميم الويب، انضم إلى دورتنا التعليمية. ستوفر لك الدورة محتوى متقدم وتدريبات عملية تساعدك على تحسين قدراتك وتحقيق النجاح في مجال تطوير الويب.
سجل الآن وابدأ رحلتك نحو الاحتراف في تطوير الويب!
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي فهم الأعمدة والصفوف لبناء هيكل الجداول جداول في HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة في هذا الدرس لأساسيات الجداول في مواقع الإنترنت وصفحات الويب
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي لشرح الجداول وعرض البيانات في HTML
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية في بناء صفحات الويب HTML & CSS
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
