في هتمل ، هناك عدة طرق لوضع العناصر على صفحة ويب. واحد منهم هو إدراج الجداول. في بعض الأحيان يكون من الضروري وضع جدولين بجانب بعضهما البعض. في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية القيام بذلك باستخدام هتمل.
الخطوة 1: قم بإنشاء الجدول الأول باستخدام العناصر
الخطوة 2: قم بإنشاء جدول ثان بنفس طريقة الجدول الأول. تعيين السمات المطلوبة للجدول الثاني وملء مع البيانات.
الخطوة 3: لوضع الجداول بجانب بعضها البعض ، ضع كلا الجدولين داخل العنصر
. اضبط السمات المطلوبة على
- تعيين العرض والمحاذاة. استخدم كس أو سمة النمط المضمنة لنمط العنصر
- .
- هذا كل شيء! الآن لديك جدولين وضعت بجانب بعضها البعض على صفحة ويب. يمكنك تغيير سمات الجداول و
- لتحقيق التأثير البصري المطلوب.
- الخطوة الأولى: إنشاء الجداول
- الخطوة الثانية: إضافة الأنماط
- الخطوة الثالثة: وضع الجداول جنبا إلى جنب
- الخطوة الرابعة: ضبط العرض المطلوب
- الخطوة الخامسة: التحقق من النتائج
- سؤال وجواب
كيف يمكنني إدراج جدولين جنبا إلى جنب في أتش تي أم أل?
ما هي العناصر التي ينبغي استخدامها لإدراج الجداول جنبا إلى جنب في أتش تي أم أل?
والمغلق لترتيب الجداول جنبا إلى جنب في أتش تي أم أل?
الخلية 1.2
الخلية 1.3
يحدد الجدول نفسه ، والعلامات
حدد صفوف الجدول. داخل العلامات
نحن نستخدم العلامات
لرؤوس الأعمدة والعلامات
لخلايا الجدول.
لاحظ أن كل صف من الجدول يجب أن يحتوي على نفس عدد الخلايا. إذا كان عدد الخلايا في الصفوف مختلفا ، فقد لا يتم عرض الجدول بشكل صحيح.
الخطوة الثانية: إضافة الأنماط
لكي تكون الجداول جنبا إلى جنب ، نحتاج إلى إضافة أنماط إلى شفرة هتمل الخاصة بنا. سوف نستخدم كس لهذا الغرض.
1. إنشاء ملف جديد مع التمديد.كس وحفظه في نفس المجلد حيث يوجد ملف هتمل الخاص بك.
2. افتح هذا الملف في أي محرر نصوص.
3. في ملف كس الخاص بك ، إضافة التعليمات البرمجية التالية:
قوي {
وزن الخط: غامق;
}
م {
نمط الخط: مائل;
}
الجدول {
انهيار الحدود: الانهيار;
العرض: 50%;
}
ال ، الدفتيريا {
الحدود: 1 بكسل أسود صلب;
الحشو: 8 بكسل;
محاذاة النص: اليسار;
}
في هذا الرمز ، نقوم بتعيين أنماط للنص الغامق والنص المائل وخلايا الجدول والجدول.
4. احفظ ملف كس.
أدخل الجدول الثاني في الصفحة على النحو التالي:
سيسمح لك الرمز أعلاه بوضع جدولين بجانب بعضهما البعض. يمكنك تغيير أنماط الجداول والعناصر
باستخدام كس لتحقيق المظهر المطلوب.
الخطوة الرابعة: ضبط العرض المطلوب
بعد إدخال طاولاتنا جنبا إلى جنب ، نحتاج إلى ضبط العرض المطلوب لكل جدول. سيسمح لك ذلك بالتحكم في عرض الجداول ومحتوياتها.
. تشير سمة العرض إلى عدد النسب المئوية أو وحدات البكسل التي يشغلها الجدول للمساحة المتاحة.
...
إذا أردنا تعيين العرض بالبكسل ، فيجب علينا تحديد قيمة معينة في سمة العرض: