تظهر الحاجة إلى توسيع الجدول ليشمل المساحة الكاملة لنافذة المتصفح ، على سبيل المثال ، عند وضع تصميم الصفحة داخل الجدول. لا يتطلب حل هذه المشكلة كتابة تعليمات برمجية معقدة ، ولكنه يتضمن مراعاة بعض ميزات ترميز صفحات الويب.
ضروري
المعرفة الأساسية بـ HTML
تعليمات
الخطوة 1
أولاً ، تحتاج إلى توضيح معنى العملية القادمة. في تعليمات HTML البرمجية ، تعد صفحات الجدول مجموعة من العلامات المقترنة المتداخلة (علامة افتتاحية وأخرى ختامية). علامات الخلية (
) متداخلة ضمن علامات السلسلة (
) ، وتلك بدورها في علامات الجدول (
). في علامة الفتح بالجدول ، يمكنك تعيين عرضه وارتفاعه بالوحدات المطلقة (وحدات البكسل) والنسبية (النسب المئوية). بالنسبة للأحجام النسبية ، يتم أخذ عرض وارتفاع العنصر الأصلي للجدول على أنه 100٪. إذا قمت بوضع جدول مباشرة في نص الصفحة (وليس في طبقة أو نموذج أو جدول آخر ، وما إلى ذلك) ، فإن أبعاد العنصر الأصل ستكون عرض الصفحة وارتفاعها. هذا يعني أنه من أجل تمديد الجدول إلى كل المساحة الخالية ، فإنك تحتاج إلى تحديد أبعاد أفقية ورأسية بنسبة 100٪.
الخطوة 2
الآن يمكنك البدء في وضع هذا موضع التنفيذ في HTML. يتم تحديد عرض الجدول وارتفاعه بواسطة سمات العرض والارتفاع. لذلك ، قد يبدو رمز الجدول الذي يشير إلى 100٪ من الأبعاد في جميع الاتجاهات ، وعلى سبيل المثال ، مع خليتين في صف واحد ، كما يلي:
| الخلية اليسرى من الجدول | الخلية اليمنى من الجدول |
الخطوه 3
سيكون تحديد العرض والارتفاع بنسبة 100٪ كافياً لتمديد الجدول إذا اخترت معيار HTML الصحيح الذي يجب أن يقرأ المتصفح من خلاله رمز الصفحة. يتم وضع العلامة في السطر الأول من المستند. أنت بحاجة إلى علامة بالمحتوى التالي:
الخطوة 4
ويجب أخذ نقطة أخرى في الاعتبار في التعليمات البرمجية الخاصة بك: بشكل افتراضي ، يتم وضع مسافة بادئة للصفحة من حواف النافذة ببضعة بكسلات ، وبالتالي لن يمتد الجدول ، حتى بعد ملء الصفحة بأكملها ، إلى النافذة بأكملها. للتخلص من هذه الحقول غير الضرورية ، يمكنك تحديد صفر مسافات بادئة في السمات المقابلة في العلامة الافتتاحية لنص الصفحة ():
الخطوة الخامسة
عند التجميع ، سيبدو كود الصفحة بالكامل مع الجدول الممتد إلى العرض والارتفاع الكاملين للشاشة كما يلي:
طاولة ممتدة
| الخلية اليسرى من الجدول | الخلية اليمنى من الجدول |
