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