هذا الدرس من الدورة التدريبية: تعلم HTML من الصفر لبناء صفحات ويب
الدرس: فهم الأعمدة والصفوف في جداول HTML مع تطبيقات حقيقية وأمثلة من Excel
المدة: 5 دقائق
وصف الدرس
مفهوم الأعمدة والصفوف في جداول HTML
في جداول HTML، يتم تنظيم البيانات باستخدام الأعمدة والصفوف، وكل منها يلعب دوراً محدداً في هيكل الجدول.
- الصفوف (Rows): تمثل الصفوف الحاويات الأفقية في الجدول، وتستخدم العنصر
<tr>لتحديد صف. داخل كل صف، يمكن أن تجد خلايا بيانات أو خلايا رأسية. - الأعمدة (Columns): تمثل الأعمدة الحاويات الرأسية في الجدول، وتحتوي على خلايا البيانات أو رؤوس الأعمدة. يتم تعريف رؤوس الأعمدة باستخدام العنصر
<th>, بينما يتم تعريف خلايا البيانات باستخدام العنصر<td>.
أمثلة من Excel لتوضيح المفاهيم
برنامج Excel هو أداة شائعة تستخدم الجداول بشكل موسع، ويقدم أمثلة ملموسة لفهم الأعمدة والصفوف. يمكنك التفكير في كل جدول في Excel كأنه جدول HTML، حيث أن الأعمدة تمثل العمود في Excel والصفوف تمثل الصف في Excel.
أمثلة عملية
إليك مثال توضيحي باستخدام HTML:
<style>
th, td {
border-bottom: 1px solid #f00; /* حد أحمر أسفل الخلايا */
border-left: 1px solid blue; /* حد أزرق على اليسار */
border-right: 1px solid blue; /* حد أزرق على اليمين */
}
</style>
<h1>فهم الأعمدة والصفوف في جداول HTML</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>
في هذا المثال، يستخدم العنصر
<tr> لتحديد الصفوف، بينما يتم استخدام <th> لرؤوس الأعمدة و<td> لبيانات الجدول. يوضح CSS كيفية تنسيق حدود الصفوف والأعمدة لتوضيح الفروقات بينهما.الاستنتاج
فهم كيفية استخدام الأعمدة والصفوف في جداول HTML مع الاستفادة من أمثلة من Excel يمكن أن يعزز مهاراتك بشكل كبير. هذا الدرس سيعطيك الأساسيات اللازمة لبناء جداول منظمة وفعالة في مشاريعك، مما يعزز جودة تصميم الويب لديك.
استمر في تعلم كيفية استخدام هذه العناصر بفعالية وتطبيق المهارات الجديدة في مشاريعك العملية.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي فهم الأعمدة والصفوف في جداول HTML مع تطبيقات حقيقية وأمثلة من Excel
المصادر
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
