تصميم مجاني كل أسبوع..

هل لديك مقترح لتنزيل تصميم في مجال معين، راسلنا من خلال أحد صفحاتنا في
(فيسبوك - انستقرام - تويتر)

الدرس السادس: الروابط HTML Links

الدرس السادس: الروابط HTML Links

الصورة العامة للرابط

خصائص الروابط 

 

الصورة العامة للرابط

الرابط هو نص أو صورة تقوم بتوجيه المستخدم عند الضغط عليه إلى موقع آخر ويتم تعريف الرابط بواسطة الكود او التاق <a> على سبيل المثال:

<a href=”https://www.google.com/”> Go to Google</a>

 

خصائص الروابط 

الروابط لها خصائص ومنها:

  • عنوان الرابط: وهو عنوان الرابط الذي سيتم الذهاب له بعد الضغط ويتم تعريفه بـ href
  • فتح في نافذة جديدة: وهو امر بفتح الرابط المراد الذهاب له في صفحة جديدة بدلا من فتح الرابط في نفس الصفحة ويتم التعبير عن ذلك بواسطة الأمر target.

وهنا مثال للرابط مع الخصائص المذكورة:

<a href=”https://www.google.com/” target=”_blank”> Go to Google</a>

 

:من خلال المثال أعلاه ستظهر النتيجة كالتالي:

Go to Google

 

من خلال المثال أعلاه قمنا بعمل رابط وأضفنا له خصائص href الذي يحدد مكان الذهاب وهو موقع جوجل، أيضا حدد كيفية فتح النافذة بواسطة target والذي سيقوم بفتح الرابط في صفحة فارغة ويرمز لها بـ _blank

اشترك ليصلك جديدنا

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

IN 5 MINUTESموقع متخصص في التسويق الإلكتروني ويقدم خدمات متنوعة منها تصاميم السوشيال ميديا، وحجز الاستضافات وإنشاء المواقع الإلكترونية، والتعليم والتدريب في مجال الويب والتسويق الإلكتروني.

البريد الالكتروني:
hi@in5minutes.net