أساسيات الجداول في HTML: كيفية إنشاء جداول

هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب

الدرس: أساسيات الجداول في HTML: كيفية إنشاء جداول

المدة: 5 دقائق

وصف مختصر:

استكشف أساسيات إنشاء الجداول في HTML وتعرف على كيفية استخدام العناصر المختلفة مثل , ,
, و لتنظيم البيانات.

وصف الدرس

تعتبر الجداول من العناصر الأساسية في HTML المستخدمة لتنظيم وعرض البيانات بشكل منظم ومرتب. إن فهم كيفية إنشاء الجداول واستخدامها بفعالية يساهم في تحسين تجربة المستخدم وتقديم معلومات واضحة. في وصف الدرس هذا، سنتناول الأساسيات المتعلقة بجداول HTML، وكيفية استخدامها، وسنستعرض أمثلة عملية لزيادة فهمك لهذا العنصر الهام.

أساسيات إنشاء الجداول في HTML

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

  1. عنصر <table>عنصر <table> هو العنصر الأساسي الذي يُستخدم لإنشاء الجداول في HTML. هذا العنصر يعمل كحاوية لجميع العناصر الأخرى الخاصة بالجدول.



    html


    <table>
    <!-- محتوى الجدول هنا -->
    </table>


  2. عنصر <tr>عنصر <tr> يمثل صفًا في الجدول. كل صف يحتوي على خلايا، سواء كانت خلايا رؤوس (<th>) أو خلايا بيانات (<td>).



    html


    <tr>
    <!-- خلايا الصف هنا -->
    </tr>


  3. عنصر <th>عنصر <th> يُستخدم لتحديد رؤوس الأعمدة في الجدول. يتم عرض النص داخل <th> بشكل عريض ومركزي لتمييزه عن خلايا البيانات.



    html


    <th>رأس العمود</th>


  4. عنصر <td>عنصر <td> يمثل خلية بيانات في الجدول. يُستخدم لعرض البيانات الفعلية في الجدول.



    html


    <td>بيانات الخلية</td>



مثال عملي لإنشاء جدول

إليك مثال على كيفية استخدام العناصر المختلفة لإنشاء جدول بسيط:



html


<table border="1">
<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>
</table>


الجداول في HTML هي أداة قوية لتنظيم وعرض البيانات بطرق متعددة. من خلال تعلم كيفية استخدام العناصر المختلفة مثل <table>, <tr>, <th>, و <td>, يمكنك تحسين مهاراتك في تطوير الويب وإنشاء صفحات أكثر احترافية. تعلم كيفية تخصيص الجداول وتطبيق ميزات مثل دمج الأعمدة والصفوف يمكن أن يعزز من قدراتك في تقديم بيانات منظمة.

للمزيد من التعلم

إذا كنت ترغب في تعميق معرفتك في HTML وCSS وتطوير مهاراتك كمطور ويب، انضم إلى دورتنا التعليمية الشاملة. توفر الدورة محتوى متقدم وتدريبات عملية لمساعدتك على التميز في تطوير الويب.

سجل الآن في دورتنا التعليمية حول HTML وCSS وابدأ رحلتك نحو الاحتراف في تطوير الويب!

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي أساسيات الجداول في HTML: كيفية إنشاء جداول

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية المستخدمة في هذا الدرس لأساسيات الجداول في مواقع الإنترنت وصفحات الويب

ملحقات ال PDF

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF

الملف المرجعي لشرح الجداول وعرض البيانات في HTML

هذا الدرس من الدورة التدريبية

كورس تعلم HTML من الصفر لبناء صفحات ويب

  • 337 دقيقة من الفيديوهات التفاعلية الحصرية
  • 66 مصدر إضافي
  • 52 ملحقات PDFs
  • 14 فيديو إضافي داخل الدروس
  • 28 تطبيق نظري وعملي
  • الوصول على جميع الأجهزة
  • وصول مدى الحياة
  • شهادة أوروبية لإتمام الدراسة
  • ا لحصول على شهادة دبلوم موثقة

للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج

الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

دورات تدريبية أخرى في برمجة

تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript

دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت

تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة

دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب

دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة

مقالات ذات صلة

التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript

هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...

استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت

المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...

تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة

تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...

has been added to the cart. View Cart