يعد إنشاء جدول بحجم خط معين جانبا مهما من تخطيط صفحة الويب. يجب عرض الخط بوضوح ومقروء في الجدول لتحسين تجربة المستخدم. في هذه المقالة ، سننظر في كيفية إنشاء جدول بخط بحجم معين لتحقيق التأثير المطلوب.
الخطوة الأولى هي تحديد حجم الخط الذي تريد استخدامه في الجدول. يمكن تحديد ذلك بالبكسل وكنسبة مئوية. ثم تحتاج إلى استخدام العلامة
بالإضافة إلى ذلك ، يمكنك تحديد حجم الخط كنسبة مئوية بالنسبة لأحجام الخطوط الافتراضية. على سبيل المثال ، لتعيين حجم الخط إلى 120 ٪ ، يمكنك استخدام التعليمات البرمجية التالية:
لاحظ أنه سيتم تطبيق حجم الخط على جميع محتويات الجدول ، بما في ذلك الرؤوس والخلايا والنص بالداخل.
- إنشاء جدول في هتمل: تعليمات لتحديد حجم الخط
- الخطوة 1: تحديد علامة الجدول وسماتها
- الخطوة 2: إضافة رأس الجدول
- الخطوة 3: تحديد أنماط الجدول
- الخطوة 4: إنشاء نمط لخلايا الجدول
- الخطوة 5: تعيين حجم الخط في الجدول
- الخطوة 6: معاينة واختبار الجدول
إنشاء جدول في هتمل: تعليمات لتحديد حجم الخط
لإنشاء جدول بحجم خط معين في هتمل ، ستحتاج إلى العلامات التالية:
: لإنشاء جدول
: لإنشاء صف في جدول : لإنشاء خلية رأس في جدول : لإنشاء خلية عادية في جدول - : لتخصيص أنماط الجدول
لتعيين حجم خط معين لخلايا الجدول ، تحتاج إلى إضافة نمط داخلي باستخدام علامة. على سبيل المثال ، لتعيين حجم خط 14 بكسل ، استخدم التعليمات البرمجية التالية:
.
الخلية 1
- الخلية 2
يرجى ملاحظة أنه سيتم تطبيق حجم الخط البالغ 14 بكسل على كل خلية في الجدول.
الآن أنت تعرف كيفية ضبط حجم الخط في جدول هتمل. لا تنس حفظ وتشغيل صفحة هتمل الخاصة بك لرؤية النتيجة.
الخطوة 1: تحديد علامة الجدول وسماتها
السمات التي يمكن استخدامها مع علامة الجدول تشمل:
عنوان العمود 1
عنوان العمود 2
الخلية 1.1
في هذا المثال ، استخدمنا العلامة لإضافة رأس إلى الجدول. سيتم عرض نص عنوان عنوان الجدول أعلى الجدول.
"'أتش تي أم أل
في هذا المثال ، نستخدم محدد 'الجدول' لتحديد أنماط لجدولنا. ثم نستخدم خصائص` عائلة الخط `و` حجم الخط ' لتعيين الخط وحجمه.
في هذه الحالة ، قمنا بتعيين الخط أريال والحجم إلى 14 بكسل. يمكنك تغيير هذه القيم إلى أي قيم أخرى تناسب احتياجاتك.
ضع هذا الرمز مع الأنماط داخل العلامة "قبل علامة الإغلاق". الآن سيتم عرض الجدول الخاص بك مع خط معين وحجمه.
للبدء ، إضافة التعليمات البرمجية التالية إلى ملف كس الخاص بك أو في علامات صفحة الويب الخاصة بك:
- في هذا المثال ، استخدمنا الخط أريال وحجم الخط من 14 بكسل للجدول بأكمله.
- إذا كنت ترغب في تعيين النمط فقط لخلايا الجدول ، إضافة التعليمات البرمجية التالية إلى ملف كس الخاص بك أو في علامات صفحة الويب الخاصة بك:
- الجدول الدفتيريا {
الحشو: 10 بكسل;
- }
- في هذا المثال ، نقوم بمحاذاة النص في الخلايا في الوسط وتعيين هوامش 10 بكسل على جميع جوانب الخلية.
يمكنك أيضا تغيير نمط الخلايا الفردية عن طريق إضافة فئة إلى الخلية. على سبيل المثال:
نص في خلية
- وفي ملف كس أو في علامات صفحة الويب الخاصة بك ، قمنا بتعيين نمط لفئة التمييز:
- .تسليط الضوء {
- لون الخلفية: أصفر;
اللون: #000000;
}
- في هذا المثال ، قمنا بتعيين الخلفية الصفراء ولون النص الأسود للخلايا مع فئة التمييز.
- الآن لديك كل الأدوات اللازمة لإنشاء جدول بخط بحجم معين ونمط خلية!
الخطوة 5: تعيين حجم الخط في الجدول