ما هي خاصية 'rowspan' وكيفية استخدامها مع العنصر 'td' في HTML؟
Ma Hy Khasyt Rowspan Wkyfyt Astkhdamha M Al Nsr Td Fy Html
في HTML ، ' rowspan 'هي سمة يمكن استخدامها أثناء عمل الجداول. يستخدم بشكل شائع لدمج عدة خلايا متجاورة في اتجاه رأسي. يمكن استخدامه لإنشاء تصميمات جدول معقدة مع إضافة اهتمام بصري للمستخدم. باستخدامه ، يمكن للمطور تقليل كود HTML وتحسين إمكانية قراءة الجدول. علاوة على ذلك ، يمكن أن تساعد السمة 'rowspan' في تنظيم الجدول عن طريق تجميع خلايا متعددة.
يوضح هذا الدليل ما هي سمة 'rowspan' وكيفية استخدامها مع العنصر 'td'.
ما هي سمة 'rowspan'؟
تُستخدم السمة 'rowspan' لدمج عدة خلايا في اتجاه رأسي. يمكن الوصول إليها باسم ' rowspan = القيمة '، أين ال ' قيمة 'هو عدد الصفوف التي يجب دمجها في اتجاه رأسي. إنه مفيد لتحسين قابلية قراءة المستخدم وعرض البيانات المعقدة بطريقة أكثر جاذبية للمستخدم.
ما هو عنصر 'td'؟
ال ' td 'أو عنصر بيانات الجدول لتحديد خلية داخل جدول HTML. يتم استخدامه في الغالب مع عناصر HTML للجدول الأخرى مثل '
' ، '
' ، '
لإنشاء محتوى الجدول. يمكن استخدامه أيضًا مع سمات مثل 'colspan' و 'rowspan' لإضافة ميزات تصميم إضافية وتقليل التعقيد وتحسين عامل القراءة ، إلخ. يتم استخدامه في ملف HTML باستخدام '
' بطاقة شعار.
كيفية استخدام خاصية 'rowspan' مع عنصر 'td'؟
لعرض أفضل للعلاقة بين السمة 'rowspan' والعنصر 'td'. دعنا نسير من خلال مثال عملي باتباع الدليل أدناه خطوة بخطوة:
الخطوة الأولى: إنشاء جدول بتنسيق HTML
أولاً ، قم بإنشاء جدول بمساعدة ' <جدول> ' بطاقة شعار. بداخله إضافة متعددة '
أولاً ، تم إنشاء الصفوف الخمسة وتوفير بعض البيانات الوهمية لكل خلية.
بعد ذلك ، ' طاولة 'تم تحديد العنصر وتعيين' ينهار 'قيمة لـ CSS' انهيار الحدود ' ملكية.
بعد ذلك ، ' حدود ' و ' حشوة 'لتحسين رؤية المستخدم وإنشاء تأثير جذاب للمستخدم.
بعد تنفيذ الكود ، يظهر الجدول على النحو التالي:
يوضح الإخراج أعلاه أنه تم إنشاء الجدول وتصميمه.
الخطوة 2: استخدام السمة 'rowspan' مع العنصر 'td'
ال ' rowspan 'تدمج السمة' الخلايا المجاورة في الاتجاه الرأسي. يتم استخدامه مع '
'عنصر / علامة. تأخذ السمة رقمًا كقيمة وتخبر عدد الخلايا التي يتم دمجها في اتجاه رأسي. يجب أن تحتوي الخلية المجاورة القادمة على خلية واحدة أقل من حيث الكمية ، ويتم ملء هذه المساحة بالسمة 'rowspan' كما هو موضح أدناه: < جسم >
يتم إرفاق 'rowspan' مع الموظف الذي لديه ' مرتب عنصر td.
قيمة ال ' 2 'إلى السمة' rowspan 'التي تعين البيانات نفسها في كلتا الخليتين المتجاورتين كما هو موضح أدناه:
يوضح الإخراج أنه تم دمج الخليتين وتم تحسين إمكانية القراءة للمستخدم الآن.
خاتمة
ال ' rowspan 'تعمل السمة مع' td 'لدمج عدة خلايا متجاورة في الاتجاه الرأسي. تأخذ السمة رقمًا كقيمة وتخبر عدد الخلايا التي تم دمجها. يتم استخدامه حيث يتم توفير نفس البيانات لخلايا متعددة. لقد أوضحت هذه المدونة ما هو 'rowspan' وكيفية استخدامه مع العنصر 'td' في HTML.
