في صفحة هتمل ، يمكن أن تحتوي العناصر المختلفة على ألوان وأحجام وخطوط مختلفة. يلعب تعيين هذه المعلمات دورا مهما في إنشاء تصميم جذاب ومفهوم. في هذه المقالة ، سنتحدث عن طرق مختلفة لتعيين الألوان والأحجام والخطوط على صفحة هتمل ، بالإضافة إلى أفضل الممارسات والنصائح.
دعونا نبدأ مع الزهور. في هتمل ، يمكنك تعيين لون عنصر باستخدام سمة" نمط "وخاصية" اللون". تأخذ هذه السمة قيمة في شكل اسم لون أو رمز سداسي عشري. على سبيل المثال ، لتعيين اللون الأحمر ، يمكنك استخدام القيمة "أحمر" أو الرمز السداسي العشري "#فف0000". وبالإضافة إلى ذلك ، يمكنك استخدام الكلمات الرئيسية "رغب" و "رغبا" لتعيين اللون في شكل رغب أو رغبا.
يمكن أيضا ضبط أبعاد العناصر باستخدام سمة" النمط "وخصائص" العرض "و" الارتفاع". يمكن تعيين عرض العنصر وارتفاعه بالبكسل أو النسب المئوية بالنسبة للعنصر الأصل أو وحدات القياس الأخرى مثل "إم" أو "ريم". بالإضافة إلى ذلك ، يمكنك استخدام القيمة "تلقائي" بحيث يتم ضبط العنصر تلقائيا على محتواه.
يمكن للخط المخصص تماما أن يحسن بشكل كبير من سهولة القراءة والانطباع المرئي للصفحة.
يمكن تخصيص الخطوط على صفحة هتمل باستخدام خصائص" عائلة الخط "و" حجم الخط". تتيح لك خاصية "عائلة الخط" تحديد الخط المطلوب للنص ، والذي يمكن أن يكون واحدا من العديد من الخطوط المضمنة أو الخط الخاص به الذي تم تنزيله عن طريق توصيل ملف خارجي. تتيح لك خاصية" حجم الخط " تعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. بالإضافة إلى ذلك ، يمكنك استخدام القيم النسبية مثل "أصغر" أو "أكبر" لتعيين الحجم بناء على حجم الخط الحالي.
- الألوان على صفحة أتش تي أم أل: كيفية اختيار واستخدامها?
- الألوان الأساسية في أتش تي أم أل
- كيفية استخدام الألوان رغب
- رموز عرافة: أين تجد وكيفية تطبيق
الألوان على صفحة أتش تي أم أل: كيفية اختيار واستخدامها?
تلعب الألوان دورا مهما في إنشاء صفحات ويب جذابة وجمالية. يمكن أن يؤدي اختيار لوحة الألوان المناسبة إلى جعل صفحتك فريدة ولا تنسى للمستخدمين. في هتمل ، لديك عدة طرق لاختيار واستخدام الألوان.
1. استخدام الألوان المسماة:
يوفر هتمل مجموعة من الألوان المحددة مسبقا التي يمكن استخدامها دون الحاجة إلى تحديد التعليمات البرمجية الخاصة بهم. على سبيل المثال ، الأحمر والأزرق والأخضر. يمكن استخدام هذه الألوان المسماة باستخدام سمة اللون أو خاصية اللون في كس.
2. باستخدام قيم رغب:
رغب يعني الأحمر (الأحمر) والأخضر (الأخضر) والأزرق (الأزرق). تتيح لك هذه الطريقة تحديد لون من خلال الجمع بين هذه الألوان الأساسية الثلاثة. يمكن أن يأخذ كل لون قيما من 0 إلى 255. على سبيل المثال ، رغب(255 ، 0 ، 0) يمثل الأحمر ، رغب(0 ، 255 ، 0) يمثل الأخضر ، و رغب(0 ، 0 ، 255) يمثل الأزرق.
3. باستخدام القيم السداسية:
عرافة تعني القيم السداسية العشرية. تسمح لك هذه الطريقة بتحديد اللون باستخدام مجموعة من الأحرف 0-9 و-و.يمثل كل رقم أو حرف قيمة واحدة من 0 إلى 15 ، حيث يتوافق 0 مع القيمة 0 و و يتوافق مع القيمة 15. رموز الألوان في عرافة تبدأ مع الحرف"#". على سبيل المثال ، #ف 0000 يمثل الأحمر ، #00 ف 00 يمثل الأخضر ، #0000 ف يمثل الأزرق.
4. باستخدام متغيرات كس:
كما يدعم المغلق الحديثة استخدام المتغيرات لتحديد الألوان. توفر متغيرات كس المرونة والسهولة في تغيير نظام ألوان الصفحة. لإنشاء متغير لون ، يمكنك استخدام خاصية اللون وتعيين قيمة اللون المطلوبة. على سبيل المثال ، - اللون: # ف 0000. ثم يمكنك استخدام هذا المتغير في أماكن مختلفة في رمز كس الخاص بك.
استخدم طرقا مختلفة لتحديد الألوان على صفحة هتمل لإنشاء مظهر جذاب وأصلي. لا تخف من تجربة الألوان وإنشاء مجموعات متناغمة لجعل صفحتك فريدة ولا تنسى للمستخدمين.
الألوان الأساسية في أتش تي أم أل
أتش تي أم أل يقدم مجموعة واسعة من الألوان للاستخدام على صفحات الويب. ويمكن تحديد هذه الألوان باستخدام أسمائهم ، رموز رغب ، أو رموز عرافة.
أسماء الألوان:
يوفر هتمل أسماء محفوظة لمدة 16 الألوان الأساسية التي يمكن استخدامها في كس. بعض منهم:
- أسود: أسود
- أبيض: أبيض
- الأحمر: الأحمر
- الأخضر: الأخضر
- الأزرق: الأزرق
- الأصفر: الأصفر
رموز رغب:
رموز رغب هي مزيج من ثلاثة أرقام التي تشير إلى وجود الأحمر (الأحمر) والأخضر (الأخضر) والأزرق (الأزرق) الألوان في نسب معينة. مثال: رغب (255 ، 0 ، 0) يمثل لون أحمر مشرق.
رموز عرافة:
الرموز السداسية هي مزيج من الأحرف السداسية العشرية التي تشير إلى وجود ألوان حمراء وخضراء وزرقاء بنسب معينة. مثال: # ف 0000 يمثل لون أحمر مشرق.
معرفة الألوان الأساسية في أتش تي أم أل سوف تساعدك على إنشاء تصميم صفحة ويب جذابة وجمالية.
كيفية استخدام الألوان رغب
لتحديد لون رغب ، يجب تحديد قيمها لكل من القنوات الثلاث (الأحمر والأخضر والأزرق) في النطاق من 0 إلى 255. على سبيل المثال ، رغب(255 ، 0 ، 0) سوف تمثل أحمر مشرق ، و رغب(0 ، 255 ، 0) سوف تمثل الأخضر الساطع.
لاستخدام لون رغب في هتمل ، يمكنك تحديده في سمة النمط للعلامة التي تريد تطبيق اللون عليها. مثال:
سيكون هذا النص أحمر اللون.
ويمكن أيضا أن تستخدم الألوان رغب للإشارة إلى خلفية عنصر. على سبيل المثال:
سيكون هذا النص على خلفية خضراء.
وبالإضافة إلى ذلك ، يمكنك استخدام شكل مختصر من الكتابة لتحديد الألوان رغب. بدلا من ثلاثة أرقام في النطاق من 0 إلى 255 ، في هذه الحالة ، يتم استخدام نظام الأرقام السداسي العشري. على سبيل المثال ، يمكن كتابة اللون الأحمر كـ #ف 0000 والأخضر كـ #00 ف 00.
باستخدام رغب الألوان يسمح لك للسيطرة على ظلال على صفحة هتمل أكثر دقة وخلق تصميم أكثر فريدة من نوعها والفردية.
رموز عرافة: أين تجد وكيفية تطبيق
الميزة الرئيسية لاستخدام الرموز السداسية هي أنها تسمح لك بتحديد اللون بدقة على صفحة الويب الخاصة بك ، بغض النظر عن إعدادات المستخدم أو نوع الجهاز الذي يتم عرض الموقع عليه.
أين يمكنني العثور على رمز عرافة الصحيح? هناك عدة طرق:
- البحث على الإنترنت. يمكن العثور على مجموعات من الرموز السداسية الشائعة لألوان مختلفة على مجموعة متنوعة من مواقع الويب. حتى أن بعضها يقدم أدوات ملائمة لاختيار الألوان باستخدام لوحة.
- باستخدام المحررين الرسم. العديد من المحررين الصورة شعبية ، مثل أدوبي فوتوشوب أو الأعرج ، تسمح لك لتحديد الألوان ونرى على الفور رموز عرافة بهم...
- استخدام أدوات مطور المتصفح. غالبا ما توفر متصفحات الويب أدوات للمطورين تتيح لك استكشاف أنماط العناصر وتغييرها في الوقت الفعلي. باستخدام هذه الأدوات ، يمكنك معرفة رمز عرافة من أي لون على صفحة ويب.
العلامة التي تريد تلوينها. على سبيل المثال ، إذا كنت تريد تعيين لون الخلفية لعنصر ما ، فيمكنك تحديد الرمز السداسي عشري على النحو التالي:
مثال على نص بخلفية حمراء
لتعيين لون الحدود للعنصر.
من المهم أن تتذكر أنه قد يكون من الصعب جدا تذكر الرموز السداسية عشرية ، لذلك يوصى بإنشاء ملف يحتوي على قائمة بالألوان الضرورية لجعلها في متناول اليد أثناء تطوير صفحة الويب.