توفر إرشادات لغة ترميز النص التشعبي (HTML) التي تشكل الجداول الموضوعة في صفحات الويب عددًا كبيرًا نسبيًا من المعلمات الإضافية. يسمح هذا ، بخلاف عناصر الكتلة الأخرى ، بتعيين الأحجام ليس فقط باستخدام لغة CSS (أوراق الأنماط المتتالية أو "أوراق الأنماط المتتالية") ، ولكن أيضًا باستخدام HTML نفسه.
تعليمات
الخطوة 1
استخدم سمة العرض لعلامة الجدول لتحديد عرض الجدول بالبكسل. يتكون جدول العلامات (تعليمات HTML) من فتح (
) أجزاء ، وبينها علامات تشكل صفوف وخلايا الجدول. يمكن وضع معلمات (سمات) إضافية في علامة الفتح ، حيث يتم تحديد قائمة كل علامة محددة وفقًا للمعايير الدولية. بالنسبة لعلامة الجدول ، تسمح هذه المعايير باستخدام سمة العرض ، التي تحدد عرض الجدول بالبكسل. يمكن أن تبدو شفرة HTML لجدول بسيط مع مثل هذه العلامة التي تحدد عرضًا يبلغ 500 بكسل كما يلي:
| الخلية الأولى | الخلية الثانية |
الخطوة 2
أضف حرف٪ إلى قيمة سمة العرض إذا كنت بحاجة إلى تحديد عرض الجدول كنسبة مئوية بدلاً من وحدات البكسل:
| الخلية الأولى | الخلية الثانية |
يرجى ملاحظة أن هذه النسب المئوية لن تعتمد بالضرورة على عرض نافذة المتصفح. بنية المستند مهمة هنا - تمامًا كما لا يمكن أن تكون الدمية المتداخلة أعرض من تلك التي تتداخل فيها ، لذلك لا يمكن أن يكون 100٪ من عرض الجدول أكبر من عرض العنصر الأصلي. على سبيل المثال ، إذا كان الجدول داخل كتلة div ، فسيتم اعتبار عرض هذه الكتلة على أنه 100٪.
الخطوه 3
استخدم إرشادات لغة وصف النمط إذا كنت تريد تعيين نفس العرض للجداول في صفحة الويب في مكان واحد في التعليمات البرمجية المصدر. للقيام بذلك ، ضع أولاً في الجزء الرئيسي من كود HTML (بين و) علامات الفتح والإغلاق التي تحد من عبارات لغة CSS:
/ * تعليمات CSS ستكون هنا * /
ثم ضع CSS التالية بين تلك العلامات: table {width: 100px؛} هنا ، يشير الجدول إلى أنه يجب تطبيق الوصف الموجود داخل الأقواس المتعرجة على جميع علامات الجدول التي تظهر في كود الصفحة. حسنًا ، تحدد معلمة العرض العرض. هنا أيضًا ، يمكنك استخدام العرض النسبي كنسبة مئوية.
الخطوة 4
حدد اسم الفئة في كود CSS وفي علامة جدول HTML إذا كنت بحاجة إلى تحديد العرض ليس لجميع الجداول ، ولكن فقط لجدول واحد أو عدة جداول. على سبيل المثال ، لنفترض أن الفصل الذي يحدد مجموعة من الجداول الضيقة صغير. ثم قد يبدو وصف نمطها كما يلي: table.tiny {width: 100px؛} والعلامة المقابلة لأحد الجداول في كود HTML هي كما يلي:
| الخلية الأولى | الخلية الثانية |
