تعد الخطوط جزءا مهما من تطوير الويب والتصميم الجرافيكي. إنها تساعد في نقل الرسالة والعاطفة والمزاج ، لذا فإن تنسيق الخط المناسب هو جانب أساسي لتحقيق نتائج فعالة. في هذه المقالة ، سنلقي نظرة على خيارات تنسيق الخطوط المختلفة ونجيب على أسئلة حول مكان الإجراءات التي يتم تنفيذها وما هي الإجراءات.
واحدة من المعلمات الرئيسية لتنسيق الخط هو الحجم. يحدد حجم الخط حجم الخط أو حجمه على صفحة الويب. يمكن تعيين وحدات حجم الخط بالبكسل أو النسب المئوية أو النقاط أو القيم النسبية الأخرى. لتعيين حجم الخط ، يمكنك استخدام خاصية "حجم الخط" في كس. على سبيل المثال ، حجم الخط: 16 بكسل ؛ سيضبط حجم النص على 16 بكسل.
معلمة أخرى مهمة للخط هي نوع الخط أو نمطه. يحدد الخط كيفية عرض النص على الشاشة. تتضمن بعض المحارف الشائعة العادية (العادية) ، الغامق (الغامق) ، المائل (المائل) ، المسطر (التسطير) والمشطوب (الخط من خلال). لتعيين نمط الخط ، يمكنك استخدام خصائص " وزن الخط "لوزن الخط ، و" نمط الخط "لنمط الخط ، و" زخرفة النص " لتصميم النص.
من المهم ملاحظة أنه لا تدعم جميع الخطوط جميع أنواع الخطوط ، لذلك قد تحتاج إلى اختيار خط بديل قبل استخدام بعض الأنماط. استخدم خصائص" وزن الخط "و" نمط الخط " بعناية حتى لا تعطل إمكانية قراءة النص واتساق التصميم.
بالإضافة إلى ذلك ، قد تحتوي الخطوط على خيارات تنسيق أخرى مثل تباعد الأسطر والمحاذاة واللون والخلفية. يحدد تباعد الأسطر التباعد الرأسي بين أسطر النص. تتحكم المحاذاة في موضع النص بالنسبة إلى حاوية أو كتلة معينة. يسمح لك اللون والخلفية بتغيير لون النص وصورة الخلفية الخاصة به. لتعيين خيارات التنسيق هذه ، يمكنك استخدام خصائص " ارتفاع الخط "لتباعد الأسطر ، و" محاذاة النص "للمحاذاة ، و" اللون "للون الخط ، و" الخلفية " لصورة الخلفية.
في الختام ، تعد خيارات تنسيق الخط أدوات مهمة لإنشاء مظهر صفحة ويب فعال وجذاب. باستخدام المجموعات الصحيحة من الحجم ونمط الخط والمعلمات الأخرى ، يمكنك تحقيق نوع النص المطلوب وتحسين تجربة المستخدم. لا تنس تجربة وضبط هذه المعلمات وفقا لمتطلبات مشروعك.
- ترميز النص والمحاذاة
- تغيير الخط والحجم ومحتوى الدهون
- لون النص والتسطير
- الروابط والارتباطات التشعبية
- الروابط داخل الصفحة والصفحات الأخرى
- عنوان الرابط
- فتح الرابط في نافذة جديدة
- الروابط داخل الصفحة (المراسي)
ترميز النص والمحاذاة
لتعيين محاذاة النص ، يتم استخدام سمة المحاذاة في هتمل. يمكن أن تأخذ هذه السمة عدة قيم:
- تقوم القيمة "يسار" بمحاذاة النص إلى اليسار;
- تقوم القيمة "يمين" بمحاذاة النص إلى اليمين;
- تقوم القيمة "مركز" بمحاذاة النص إلى المركز;
- تقوم القيمة" تبرير " بمحاذاة النص مع عرض الكتلة ، مع إضافة مسافات إضافية بين الكلمات.
أمثلة الاستخدام:
نص محاذاة لليسار
نص محاذاة لليمين
نص مركزي
النص مع عرض المحاذاة
هذه ليست سوى بعض من ترميز النص والمحاذاة الميزات التي توفر هتمل. بفضل هذه الميزات ، يمكنك التحكم في مظهر النص وتحسين إمكانية قراءته وانطباعه البصري.
تغيير الخط والحجم ومحتوى الدهون
في أتش تي أم أل ، يمكنك تغيير نمط الخط وحجمه ومحتوى الدهون لإنشاء تأثيرات تؤكد على أهمية أو تسليط الضوء على الأجزاء الفردية من النص. يتم استخدام سمات وقيم مختلفة لهذا الغرض.
- : يحدد نوع الخط للعنصر. يمكنك تحديد اسم خط معين أو مجموعة من الخطوط مفصولة بفواصل بحيث يختار المتصفح خطا مشابها متاحا.
- ). أكبر قيمة ، أكبر الخط.
- إرجاع محتوى الدهون المعتاد.
مثال الاستخدام:
نتيجة لذلك ، نحصل على نص مميز بطريقة خاصة ، مما يساعد على التركيز على المحتوى وتحسين إدراك المعلومات.
لون النص والتسطير
مثال على استخدام سمة اللون:
النص مع اللون الأحمر.
النتيجة:
النص مع اللون الأحمر.
النص مع الكلمة التي تحتها خط.
النص مع الكلمة التي تحتها خط.
بالإضافة إلى ذلك ، يمكنك دمج خيارات تنسيق الخط لتحقيق مظهر النص المطلوب. على سبيل المثال ، يمكنك تعيين النص باللون الأحمر وشرطة سفلية:
النص مع كلمة حمراء وتسطرها.
النتيجة:
النص مع كلمة حمراء وتسطرها.
لإنشاء ارتباط ، يجب تحديد السمة هريف ، الذي يحتوي على عنوان الصفحة الهدف أو الملف. على سبيل المثال:
انتقل إلى الموقع
عند النقر على هذا الرابط ، سيتم إعادة توجيه المستخدم إلى الموقع "https://example.com ".
يمكن أيضا استخدام العلامة لإنشاء ارتباطات تشعبية إلى نقاط الارتساء. المرساة هي عنصر في الصفحة يمكن الوصول إليه بالنقر فوق ارتباط. لإنشاء ارتباط مرساة ، تحتاج إلى إضافة سمة هريف مع القيمة " # " ومعرف مرساة بعد علامة شعرية. على سبيل المثال:
انتقل إلى القسم 1
...
عند النقر على هذا الرابط ، سيتم نقل المستخدم إلى العنوان" القسم 1 " في نفس الصفحة.
يمكن أيضا استخدام العلامة لإنشاء روابط إلى البريد الإلكتروني. للقيام بذلك ، حدد السمة هريف مع قيمة "ميلتو:" وعنوان البريد الإلكتروني. على سبيل المثال:
- قم بتنزيل المستند
هريف
http://www.example.com
)
العنوان النسبي: العنوان الذي يعتمد على الصفحة الحالية. يمكن أن تكون العناوين النسبية:
.
العناوين المرتبطة النسبية: عنوان يشير إلى موقع معين في الصفحة الحالية. على سبيل المثال,
# أعلى
.
فتح الرابط في نافذة جديدة
الروابط داخل الصفحة (المراسي)