ارتباط صورة HTML

كيفية جعل صورة ارتباط.

كود ارتباط صورة HTML

<a href="../html-link.htm"/<img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"/</a/

أو استخدم أسلوب css بشكل أفضل لتحديد العرض والارتفاع.

<a href="../html-link.htm"/<img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"/</a/

سيقوم الكود بإنشاء هذا الرابط:

زهرة

 

يحتوي الكود على الأجزاء التالية:

  • <a> هي علامة الارتباط.
  • تحدد السمة href عنوان URL للارتباط به.
  • <img> هي علامة بدء الصورة.
  • تحدد السمة src ملف الصورة.
  • تحدد سمة العنوان نص تلميح أداة الصورة.
  • alt هي سمة النص البديل لعلامة الصورة.
  • تحدد سمات النمط مع css عرض الصورة وارتفاعها.
  • </a> هي علامة نهاية الارتباط.

 

أنظر أيضا

روابط HTML
جداول التعريف