من السهل إنشاء جداول HTML بمجرد فهمك أساسيات الصفوف والأعمدة - وأيضاً بمجرد فهمك عندما يكون من الجيد استخدام جدول ومتى يجب تجنبه.
تاريخ موجز للجداول وتصميم المواقع
قبل عدة سنوات ، قبل قبول CSS ومعايير الويب ، استخدم مصممو الويب عنصر HTML
لإنشاء تخطيط الصفحة للمواقع. سيتم تقسيم تصميمات مواقع الويب إلى أجزاء صغيرة مثل اللغز ثم دمجها مع جدول HTML لعرضه في المتصفح على النحو المنشود. كانت عملية معقدة للغاية أنشأت الكثير من علامات HTML الإضافية والتي لن تكون قابلة للاستخدام اليوم في عالم متعدد الشاشات الذي تعيش فيه مواقعنا . كما أصبحت CSS الطريقة المقبولة لصفحات الويب وتخطيطها ، أصبح استخدام الجداول أمرًا مستبعدًا ، واعتقد العديد من مصممي الويب عن طريق الخطأ أن "الجداول كانت سيئة". كان هذا غير صحيح. جداول التخطيط سيئة ، ولكن لا يزال لديهم مكان في تصميم الويب و HTML ، أي لعرض البيانات المجدولة مثل جدول مواعيد القطارات. بالنسبة إلى هذا المحتوى ، لا يزال استخدام جدول يمثل مقاربة مقبولة وجيدة.
إذا كيف يمكنك تخطيط جدول؟ لنبدأ بإنشاء جدول 2x2 ببساطة. سيحتوي هذا على عمودين (وهما الكتل الرأسية) وصفان (الكتل الأفقية). بعد إنشاء جدول 2 × 2 ، يمكنك إنشاء أي جدول حجم تريده ببساطة عن طريق إضافة صفوف أو أعمدة إضافية.
الصعوبة: متوسط
الوقت المطلوب: 10 دقائق
إليك الطريقة:
- افتح أولاً الجدول
- افتح الصف الأول بعلامة tr
- افتح العمود الأول بعلامة td
- اكتب محتويات الخلية
- أغلق الخلية الأولى وافتح الثانية
- اكتب محتويات الخلية الثانية
- أغلق الخلية الثانية وأغلق الصف
- اكتب الصف الثاني تمامًا كأول
| | - ثم أغلق الجدول
يمكنك أيضًا اختيار إضافة رؤوس جدول إلى جدولك باستخدام العنصر | . ستحل رؤوس الجدول هذه محل قطع "بيانات الجدول" أو "جدول البيانات" في صف الجدول الأول ، كما يلي:
| الاسم | الدور | | جيرمي | المصمم < td> Jennifer | Developer | عندما يتم عرض هذه الصفحة في المستعرض ، فإن الصف الأول برؤوس الجدول يعرض بشكل افتراضي النص الغامق وسيتم توسيطه في خلية الجدول التي تظهر فيه.
لذا ، هل من المقبول استخدام الجداول في HTML؟ نعم - طالما أنك لا تستخدمها لأغراض التخطيط. إذا كنت بحاجة إلى عرض المعلومات المجدولة ، فإن الجدول هو طريقة القيام بذلك. في الواقع ، فإن تجنب جدول بسبب بعض النقاوة المضللة للتخلص من عنصر HTML الشرعي هذا هو عكس ذلك مثل استخدامهم لأهداف التخطيط في هذا اليوم وهذا العصر.
كتبه جنيفر كيرين. حرره جيريمي جيرار في 8/11/16
| | |