كيفية إنشاء زر HTML يعمل مثل الرابط

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

إحدى الطرق هي ببساطة التفاف علامتك في علامة:

Link To freeCodeCamp

هذا يحول الزر الخاص بك بالكامل إلى ارتباط.

الخيار الثاني هو إنشاء الرابط الخاص بك كما تفعل عادةً مع علامتك ثم نمطه عبر CSS:

Link To freeCodeCamp

بمجرد إنشاء الارتباط الخاص بك ، يمكنك استخدام CSS لجعله يبدو كزر. على سبيل المثال ، يمكنك إضافة حد ، ولون خلفية ، وبعض الأنماط عندما يحوم المستخدم فوق الرابط ...

هناك طريقة أخرى لإضافة زر وهي لف العلامات inputالداخلية form. حدد عنوان URL المستهدف المطلوب في سمة إجراء النموذج.

معلومات اكثر:

  • دليل freeCodeCamp - أزرار التصميم
  • دليل freeCodeCamp - كيفية استخدام الروابط
  • كيف يمكن إنشاء زر HTML يعمل كرابط؟