كيفية تغيير لون الارتباط في Html

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

كيفية تغيير لون الارتباط في Html
كيفية تغيير لون الارتباط في Html

فيديو: كيفية تغيير لون الارتباط في Html

فيديو: كيفية تغيير لون الارتباط في Html
فيديو: Учебник по HTML 8 - Изменение цвета гиперссылки 2024, شهر نوفمبر
Anonim

غالبًا ما يتساءل مطورو الويب المبتدئون عن تغيير مظهر الارتباطات التشعبية. هذا أمر طبيعي تمامًا ، لأن موضوع التنسيق الصحيح للروابط يُثار باستمرار من قبل المصممين ومصممي التخطيط.

كيفية تغيير لون الارتباط في لغة تأشير النص الفائق
كيفية تغيير لون الارتباط في لغة تأشير النص الفائق

تعليمات

الخطوة 1

بشكل افتراضي ، يتم رسم الروابط باللون الأزرق (# 0000FF) ، ويكون لها تسطير وتغير لونها عند التبديل إلى اللون الأرجواني (# 800080) ، مع تمييز الروابط النشطة باللون الأحمر (# FF0000). يتم تنفيذ إعداد اللون لجميع الروابط على الصفحة في حالاتها المختلفة باستخدام أدوات HTML القياسية - ثلاث سمات للعلامة. يمكن إجراء تغيير معلمات تصميم الروابط الفردية عن طريق تغيير قيم سمات العلامة المقابلة.

الخطوة 2

هناك ثلاث طرق لتعيين القيم لسمات النمط. في جميع الحالات ، يجب تحديد الخط ولون التسطير ، والذي يمكن أن يكون في شكل رمز سداسي عشري بالكامل (#FFFFFF) أو متغيرات مختصرة (#fff). يمكن أيضًا تحديد اللون بتنسيق RGB (101 ، 010 ، 111) أو قيمة html القياسية لسمة النمط ، أي الكلمة الأساسية (رمادي ، أحمر ، إلخ). يتم تعيين هذه القيم لسمات الارتباط و alink و vlink.

الخطوه 3

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

الخطوة 4

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

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

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

الخطوة 6

يمكنك استخدام خصائص CSS في مستند HTML لتغيير لون جميع الارتباطات التشعبية. يتم كتابتها بين العلامات المزدوجة والمحددة بين العلامات المطلوبة و. يتم تعيين الخصائص عبر A: selector ، مع الفئة الزائفة التي تمت زيارتها ، والتي تحدد لون الروابط التي تمت زيارتها ، أو نشطة ، والتي تحدد لون الروابط النشطة ، أو التمرير فوقها ، الذي يحدد لون الروابط عند التمرير فوقها.

الخطوة 7

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

موصى به: