غالبا ما يتعين على مصممي ومطوري الويب مواجهة مهمة تغيير لون الرابط على صفحة الويب. على الرغم من أن هتمل لديه نمط قياسي للروابط ، وأحيانا تحتاج إلى تخصيصه لتلبية الاحتياجات المحددة للمشروع أو التصميم. في هذه المقالة ، سوف ننظر في عدة طرق لتغيير لون ارتباط في هتمل باستخدام أنماط كس.
الطريقة الأولى هي استخدام سمة "النمط" في العلامة. باستخدام هذه السمة ، يمكنك تطبيق الأنماط مباشرة على الرابط عن طريق تحديد اللون المطلوب للنص باستخدام خاصية "اللون". على سبيل المثال: رابط. في هذا المثال ، سيتم عرض الرابط باللون الأحمر. يمكنك أيضا تحديد اللون بتنسيق سداسي عشري أو باستخدام اسم اللون.
إذا كنت بحاجة إلى تطبيق أنماط على روابط متعددة على صفحة ، فمن الأكثر كفاءة استخدام أوراق أنماط كس الخارجية. للقيام بذلك ، إنشاء ملف نمط جديد ، حفظه مع التمديد".المغلق " وتوصيله إلى صفحة ويب باستخدام علامة. في ملف كس ، يمكنك تحديد فئات لبعض الروابط وتعيينها اللون المطلوب. على سبيل المثال: أ.رابط أحمر { اللون: أحمر؛}. ثم قم بتعيين الفئة التي تم إنشاؤها إلى الروابط الضرورية باستخدام سمة" الفئة". على سبيل المثال: رابط.
يرجى ملاحظة أن تعيين أنماط الارتباط قد يؤثر على تجربة المستخدم وسهولة استخدام صفحة الويب. لذلك ، يوصى باختيار ألوان يمكن قراءتها جيدا على الخلفية وإنشاء تباين كاف لضمان سهولة القراءة.
- لون الرابط في هتمل: المعلومات الأساسية التي تحتاج إلى معرفتها
- تغيير لون الرابط في هتمل: الطرق الرئيسية
- باستخدام سمة "اللون" في العلامة
- استخدام أنماط كس لتغيير لون الارتباط
- باستخدام المغلق مضمنة لتخصيص لون الارتباط
- أمثلة على تغيير لون الارتباط في هتمل
- مثال 1: تغيير لون الارتباط باستخدام سمة " اللون
- سؤال وجواب
- كيف يمكنني تغيير لون وصلة في أتش تي أم أل?
لون الرابط في هتمل: المعلومات الأساسية التي تحتاج إلى معرفتها
يعد لون الرابط أحد الجوانب الرئيسية لتصميم صفحة الويب. عندما يحوم زائر فوق ارتباط أو ينقر عليه ، يتغير لون الارتباط ، مما يساعد على تحديد عنصر يمكن للمستخدم التفاعل معه.
المعلومات الأساسية التي تحتاج لمعرفته حول لون الارتباط في أتش تي أم أل:
- ، يمكنك استخدام الأنماط التالية:
- قد يتغير لون الرابط اعتمادا على حالته. يمكن أن يكون الرابط في حالات مختلفة ، على سبيل المثال ، عادي ، عند التمرير ، عند التنشيط ، وبعد الزيارة. يمكنك تعيين لون الارتباط الخاص بك لكل ولاية:
- يمكن توريث لون الارتباط من العنصر الأصل. إذا لم يتم تعيين أي لون للارتباط ، فيمكن أن يرثه من العنصر الأصل إذا كان يحتوي على قاعدة كس المناسبة:
- ثم سوف يرث الرابط هذا اللون.
- ، ثم سيكون للرابط لون افتراضي باللون الأزرق.
| محدد | قاعدة المغلق |
|---|---|
a | اللون: أحمر; |
| الحالة | قاعدة المغلق |
|---|---|
| الحالة الطبيعية | ج: رابط { اللون: أزرق؛} |
| تحوم الدولة | ج: تحوم { اللون: أحمر؛} |
| حالة التنشيط | ج: نشط { اللون: أخضر؛} |
| الحالة بعد الزيارة | a:زار { اللون: الأرجواني؛} |
الآن أنت تعرف المعلومات الأساسية حول لون الرابط في هتمل. سيساعد استخدام اللون الصحيح للروابط على صفحة الويب في تحسين تصور المستخدم لها وتوفير تنقل أفضل.
تغيير لون الرابط في هتمل: الطرق الرئيسية
أتش تي أم أل هي لغة ترميز تسمح لك بإنشاء محتوى منظم لصفحات الويب. أحد العناصر المهمة في هتمل هو الرابط الذي يسمح للمستخدم بالانتقال إلى صفحة أخرى على الإنترنت.
غالبا ما يكون من الضروري تغيير لون الرابط بحيث يبرز على الصفحة ويجذب انتباه المستخدمين. هناك عدة طرق للقيام بذلك:
- تغيير لون الرابط:
- تغيير لون الرابط عند التمرير:
- تغيير لون الرابط الذي تمت زيارته:
قد يكون من الملائم تغيير لون الارتباط بسرعة مباشرة في كود هتمل ، ولكن قد يكون من الصعب صيانته وتعديله باستخدام عدد كبير من الروابط على الصفحة.
يجب أيضا الانتباه إلى إمكانية الوصول والتوافق مع المتصفحات المختلفة عند استخدام هذه الطرق. من الممارسات الجيدة اختبار التغييرات في المتصفحات والأجهزة المختلفة للتأكد من عرض ألوان الارتباط بشكل صحيح ومرئية بوضوح.
باستخدام سمة "اللون" في العلامة
يتم استخدام سمة" اللون " في العلامة لتغيير لون الارتباط. تتيح لك هذه السمة تعيين لون نص الارتباط الذي سيتم عرضه على صفحة الويب. يمكن تعيين لون الارتباط باستخدام اسم لون (على سبيل المثال ، "أحمر" للأحمر) أو باستخدام رمز لون (على سبيل المثال ، "#ف 0000" للأحمر).
مثال على استخدام سمة "اللون" في علامة :
الرابط
في هذا المثال ، سيكون لون نص الرابط أحمر.
أيضا ، بالإضافة إلى سمة" اللون " ، يمكنك استخدام أنماط كس لتغيير لون الرابط. في هذه الحالة ، سيتم تجاوز سمة "اللون" بواسطة أنماط كس.
مثال على استخدام أنماط كس لتغيير لون الارتباط:
الرابط
في هذا المثال ، سيكون لون نص الارتباط باللون الأزرق ، لأن نمط العلامة يحدد لون نص الارتباط إلى"أزرق".
استخدام أنماط كس لتغيير لون الارتباط
في هتمل ، هناك عدة طرق لتغيير لون الارتباط باستخدام أنماط كس. وفيما يلي بعض منها:
- الرابط
الرابط
باستخدام الفئة الزائفة: تمت زيارتها :الفئة الزائفة: تمت زيارتها يسمح لك بتعيين نمط لرابط تمت زيارته بالفعل من قبل المستخدم. على سبيل المثال:
الرابط
- لتغيير لون الارتباط باستخدام كس المضمنة ، تحتاج إلى تعيين سمة النمط للعنصر وتحديد خاصية اللون بقيمة اللون المطلوبة. على سبيل المثال:
- نمط ورقة الأنماط الخارجية (كس): يمكنك تغيير لون الارتباط باستخدام كس عن طريق إضافة
- إلى
العنصر
. على سبيل المثال,
الرابط
سيتم تغيير لون الرابط إلى اللون الأحمر.
| محدد الفئة الزائفة | : رابط |
|---|---|
| : يمكنك تغيير لون الارتباط باستخدام فئة الزائفة | : رابط |
. على سبيل المثال,
ج: رابط { اللون: أخضر؛}
سيغير لون الرابط غير المرغوب فيه إلى اللون الأخضر.
بغض النظر عن الطريقة المختارة لتغيير لون الرابط ، تذكر أنه من الأفضل اختيار ألوان يمكن قراءتها جيدا في الخلفية وتوفر تباينا كافيا.
مثال 1: تغيير لون الارتباط باستخدام سمة " اللون
واحدة من أسهل الطرق لتغيير لون الارتباط في هتمل هو استخدام سمة "اللون" داخل العلامة. تتيح لنا هذه السمة تحديد لون نص الارتباط بشكل صريح.