تم حلها: زر أتش تي أم أل href

تكمن المشكلة الرئيسية المتعلقة بزر HTML href في أنه قد يكون من الصعب تصميم الزر بطريقة تبدو متسقة عبر المتصفحات المختلفة. بالإضافة إلى ذلك ، عند استخدام علامة ارتساء بسمة href ، سيتم فتح الرابط في نفس النافذة افتراضيًا ، وهو ما قد لا يكون مرغوبًا لأنواع معينة من الروابط. أخيرًا ، إذا لم يتم تكوين سمة href بشكل صحيح ، فقد يؤدي النقر فوق الزر إلى ظهور صفحة خطأ.

<button><a href="">Click Here</a></button>

1. ينشئ هذا السطر من التعليمات البرمجية عنصر زر في HTML.
2. يوجد داخل عنصر الزر علامة ربط ذات سمة href فارغة.
3. تحتوي علامة الارتساء على النص "انقر هنا".

تعريف HREF

يرمز HREF إلى Hypertext Reference وهي سمة HTML تُستخدم لتعريف ارتباط تشعبي. يتم استخدامه لربط صفحة بأخرى ، إما على نفس الموقع أو موقع مختلف. تحدد سمة HREF وجهة الارتباط ويمكن استخدامها مع عناصر HTML الأخرى مثل , و

.

هل يمكنني استخدام HREF في زر HTML

لا ، لا يمكن استخدام سمة href في عنصر زر في HTML. لا يدعم عنصر الزر السمة href. ومع ذلك ، يمكنك استخدام JavaScript لإضافة مستمع حدث النقر إلى الزر الذي سينقل المستخدم إلى صفحة مختلفة عند النقر عليه.

كيف تقوم بتصميم href كزر

لتصميم علامة الارتساء كزر في HTML ، يمكنك استخدام التعليمات البرمجية التالية:

زر النص

ثم أضف CSS التالي إلى ورقة الأنماط الخاصة بك:

.زر {
لون الخلفية: # 4CAF50 ؛ /* لون أخضر */
الحدود: لا شيء ؛
اللون الابيض؛
الحشو: 15px 32px.
مواءمة النصوص: المركز؛
زخرفة النص: لا شيء ؛
عرض: مضمنة كتلة ؛ حجم الخط: 16 بكسل ؛ الهامش: 4 بكسل 2 بكسل ؛ المؤشر: المؤشر ؛}

الوظائف ذات الصلة:

اترك تعليق