هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: كيفية استخدام rowspan لدمج الصفوف في جداول HTML
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
rowspan أداة قوية لدمج الصفوف وتبسيط عرض البيانات. في هذا الدرس، سنتناول كيفية استخدام rowspan لدمج صفوف معينة في الجدول لعرض البيانات بطريقة أكثر تنظيمًا وفعالية.مفهوم خاصية
rowspanخاصية
rowspan تُستخدم في عناصر <td> لدمج عدة صفوف في خلية واحدة. يتيح لك هذا دمج خلايا متعددة في عمود واحد، مما يساعد على تنظيم البيانات بشكل أفضل وتقديم معلومات مركزة.rowspan: خاصية تُضاف إلى عنصر<td>لتحديد عدد الصفوف التي ستغطيها الخلية. على سبيل المثال،rowspan="3"يعني أن الخلية تمتد عبر ثلاثة صفوف.
مثال عملي
في المثال التالي، نستخدم
rowspan لدمج خلايا في عمود واحد لتقديم وصف مشترك للوظيفة:html
<table>
<thead>
<tr>
<th>الاسم</th>
<th>العمر</th>
<th>المهنة</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>29</td>
<td rowspan="3">مصممة جرافيك</td>
</tr>
<tr>
<td>Bob</td>
<td>35</td>
</tr>
<tr>
<td>Ahmed</td>
<td>35</td>
</tr>
<tr>
<td>Charlie</td>
<td>42</td>
<td>مدير مشاريع</td>
</tr>
</tbody>
</table>
شرح الكود
<thead>: يحتوي على رأس الجدول مع أسماء الأعمدة.<tbody>: يحتوي على بيانات الجدول الفعلية.<td rowspan="3">: هذا السطر يُظهر استخدامrowspanلدمج ثلاث صفوف في عمود واحد، مما يسمح بوجود خلية واحدة ممتدة عبر هذه الصفوف.
فوائد استخدام
rowspan- تنظيم البيانات:
rowspanيسمح لك بدمج صفوف متعددة لعرض معلومات مشتركة بطريقة منسقة، مما يسهل قراءة البيانات وفهمها. - تسهيل التعديلات: دمج الصفوف يجعل تعديل البيانات في الجدول أسهل، خاصة عندما تكون هناك معلومات متكررة عبر الصفوف.
- تحسين العرض: يجعل من السهل عرض المعلومات المتصلة بوضوح أكبر، مما يحسن من تجربة المستخدم.
كلمة عن الدرس
تعلم كيفية استخدام خاصية
rowspan لدمج الصفوف في جداول HTML يعزز من قدرتك على تنظيم البيانات وتقديمها بفعالية. هذه التقنية تساعدك في تقديم معلومات بطريقة واضحة ومنظمة، مما يضيف قيمة إلى تصاميمك ويبسط عملية تعديل البيانات.استثمر وقتك في تعلم استخدام
rowspan لتصبح أكثر احترافية في تطوير الويب وتعزيز مهاراتك في تصميم الجداول. الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي كيفية استخدام rowspan لدمج الصفوف في جداول HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأكواد المستخدمة في دمج الأعمدة باستخدام rowspan
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي لشرح الجداول وعرض البيانات في HTML
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
مقالات ذات صلة
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة
الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....
