ارتباط صورة 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
• رابط ارتساء HTML
• رابط زر HTML
• رابط تنزيل HTML
• لون ارتباط HTML
• رابط HTML mailto
• رابط نافذة جديدة بتنسيق HTML