عند تصميم صفحات الويب ، فإن أحد الجوانب المهمة هو التنقل سهل الاستخدام. تتمثل إحدى طرق جعل الروابط على الصفحة أكثر جاذبية ويمكن التعرف عليها في إبرازها بالخط العريض.
لتمييز ارتباط بالخط العريض ، يمكنك استخدام علامة داخل العلامة. يمكنك أيضا إضافة تأثير تسطير أسفل السطر إلى الارتباط باستخدام كس.
ملاحظة: لتطبيق هذه الأنماط ، تحتاج إلى بعض المعرفة الأساسية لتطوير الشبكة ومعرفة أساسيات هتمل و كس.
ابدأ بوضع علامة على صفحة الويب الخاصة بك باستخدام علامة لإنشاء ارتباط. داخل العلامة ، أضف نص الارتباط الذي تريد تمييزه بالخط العريض بوضعه في العلامة. على سبيل المثال:
مثال على الارتباط
سيقوم هذا الرمز بإنشاء ارتباط بالنص"مثال الارتباط". افتح هذه الصفحة في متصفح الويب وسترى أن نص الرابط بخط غامق.
كيفية تسليط الضوء على رابط بالخط العريض:
مثال على الكود:
هذا رابط جريء
نتيجة لذلك ، نحصل على:
هذا رابط جريء
يمكنك أيضا استخدام علامة م إلى مائل الارتباط.:
هذا رابط مائل
نتيجة لذلك ، نحصل على:
هذا رابط مائل
عادة ، يتم استخدام تمييز الروابط بالخط العريض أو المائل للأزرار أو العناوين أو العناصر المهمة الأخرى التي تتطلب اهتماما خاصا.
من المهم أن تتذكر أنه عند إنشاء موقع ويب ، من الضروري السعي لتحقيق أقصى قدر من إمكانية الوصول ، وبالتالي ، يجب تبرير استخدام إبراز الروابط بالخط العريض وألا يؤدي إلى تدهور في قابلية القراءة وإدراك المحتوى.
استخدام علامة لإنشاء روابط
غالبا ما يتعين على مطوري الويب إنشاء روابط لموارد خارجية وداخلية. يتم استخدام علامة أو لهذا الغرض. تستخدم هذه العلامة لإنشاء ارتباطات تشعبية تسمح للمستخدمين بالتنقل عبر صفحات الويب المختلفة أو إلى موارد أخرى على الإنترنت.
لإنشاء ارتباط ، يجب تحديد السمة هريف داخل علامة الافتتاح. يتم تحديد عنوان ورل لصفحة الويب أو الملف الذي يجب أن يؤدي إليه الارتباط كقيمة سمة هريف. على سبيل المثال:
- هذا رابط إلى صفحة ويب
- هذا هو الرابط إلى الصورة
- هذا هو رابط إلى ملف بدف
يمكنك أيضا إضافة نص ليتم عرضه كرابط. للقيام بذلك ، يتم استخدام المحتوى بين علامتي الفتح والإغلاق. على سبيل المثال:
- انقر هنا للذهاب إلى صفحة ويب
لجعل الرابط يبدو أكثر وضوحا وجذب انتباه المستخدمين ، يمكنك تطبيق الأنماط. ويمكن القيام بذلك باستخدام كس أو باستخدام سمات العلامة. على سبيل المثال ، لجعل الارتباط غامقا ، يمكنك إضافة سمة نمط مع خاصية كس المناسبة:
- هذا رابط بالخط العريض
الآن بعد أن أصبحت على دراية بالميزات الأساسية للعلامة ، يمكنك إنشاء روابط في مشاريع الويب الخاصة بك وتحسين العرض التقديمي المرئي باستخدام كس.