كيفية محاذاة الجدول

جدول المحتويات:

كيفية محاذاة الجدول
كيفية محاذاة الجدول

فيديو: كيفية محاذاة الجدول

فيديو: كيفية محاذاة الجدول
فيديو: محاذاة النص داخل خلايا الجدول.mp4 2024, شهر نوفمبر
Anonim

عند إنشاء المواقع باستخدام لغة HTML الشائعة والبسيطة ، توجد قواعد معينة لتصميم الجداول ومواءمتها. ليس من غير المألوف أن ينتقل الجدول الذي قمت بوضعه على الصفحة وبالتالي يجب أن يتم توسيطه على الصفحة ، أو إلى اليسار أو اليمين لملاءمة التخطيط العام للصفحة. بشكل افتراضي ، يتم محاذاة الجدول في HTML إلى اليسار ، وبالتالي تحتاج إلى معرفة العلامات التي يمكنك من خلالها تغيير موضعه.

كيفية محاذاة الجدول
كيفية محاذاة الجدول

تعليمات

الخطوة 1

لمحاذاة الجدول في وسط صفحة الويب ، استخدم السمة الموجودة في علامة الجدول. لمحاذاة الجدول إلى اليمين ، استخدم السمة وفقًا لذلك. للمحاذاة إلى يسار الصفحة ، قم بتغيير قيمة السمة إلى اليسار.

الخطوة 2

بالإضافة إلى الجدول نفسه ، يمكنك أيضًا محاذاة محتويات خلاياه - أفقيًا أو رأسيًا. لمحاذاة محتويات خلايا الجدول أفقيًا ، استخدم سمة المحاذاة لعلامة tr مع القيمة المناسبة. بالنسبة للخلايا ، قم بتطبيقه على علامة td.

الخطوه 3

جرب محاذاة صفوف مختلفة في خلايا مختلفة - يمكنك محاذاة النص في خلية جدول واحدة إلى المركز ، وإلى اليمين أو اليسار في خلية أخرى.

الخطوة 4

لمحاذاة النص عموديًا ، استخدم سمات العلامة tr و td لوضع المحتوى في أعلى الخلية. لوضع المحتوى في السطر الأوسط للخلية ، قم بتغيير القيمة من أعلى إلى وسط ، وللمحاذاة إلى أسفل الخلية ، قم بتغيير القيمة إلى أسفل. يمكنك أيضًا محاذاة المحتوى مع الخط الأساسي (القيمة الأساسية).

الخطوة الخامسة

من خلال ضبط محاذاة محتويات الخلايا أفقيًا ورأسيًا ، يمكنك إعطاء الجدول الشكل الذي يجب أن يكون عليه بالضبط عند الانتهاء على صفحة الويب الخاصة بك.

موصى به: