توفر الجداول أبسط طريقة لإنشاء كتالوج عبر الإنترنت بتنسيق HTML. يمنحك الجدول المكون من ثلاثة أعمدة مساحة لصورة المنتج ووصفه ومعلومات الشحن / الطلب. يؤدي إدخال المعلومات في الجداول إلى تقليل مقدار الوقت المطلوب لضبط النص. بالإضافة إلى ذلك ، تمنحك الجداول التحكم في المساحة البيضاء المحيطة بالمعلومات الموجودة على صفحتك لتحسين مظهر موقع الويب الخاص بك ووضوحه.
الخطوة 1
حدد جدولًا بحد بكسل واحد باستخدام الفتحة
بطاقة شعار:فيديو اليوم
الخطوة 2
أدخل الصف الأول من الخلايا ومحتوياتها باستخدام هذا الرمز:
الخطوه 3
أدخل الصف الثاني من الخلايا ومحتوياتها باستخدام هذا الرمز:
الخطوة 4
أغلق الجدول بعلامة النهاية:
 |
هذا هو وصف العنصر الأول. | هذه القطعة متوفرة حاليا. |
 |
هذا هو وصف العنصر الثاني. | هذا العنصر في الطلب المتأخر. |
نصيحة
ينتج عن هذا المثال البسيط جدول يتكون من صفين وثلاثة أعمدة. يعرض العمود الأول صورة 60 × 60 بكسل للمنتج الذي يستخدم العلامة. يعرض العمودان الثاني والثالث وصف المنتج ومعلومات المخزون. لاحظ أن كل صف يبدأ وينتهي بالعلامة وأن كل عنصر في الصف يبدأ وينتهي بعلامة. أدخل العديد من الأعمدة أو الصفوف حسب حاجتك لوصف منتجك.
أدخل أمر حشو الخلية مباشرة بعد مواصفات الحدود في تعريف الجدول لزيادة مقدار المسافة البيضاء بين حدود الجدول والمحتوى الخاص بك. على سبيل المثال،
ينشئ مسافة بيضاء 10 بكسل حول محتويات كل خلية في الجدول.المراجع
- W3Schools.com: جداول HTML
