كيفية إضافة ارتباط إلى صورة

جدول المحتويات:

كيفية إضافة ارتباط إلى صورة
كيفية إضافة ارتباط إلى صورة

فيديو: كيفية إضافة ارتباط إلى صورة

فيديو: كيفية إضافة ارتباط إلى صورة
فيديو: الحلقه35الحلقه 5 مدونات بلوجركيفيه اضافه ارتباط الي صوره 2024, شهر نوفمبر
Anonim

إنه ملائم للغاية عندما لا تكون منطقة الرابط النشط عبارة عن نص ، بل صورة. لغة ترميز HTML قادرة تمامًا على القيام بذلك. كل ما هو مطلوب لهذا هو دمج العلامات بطريقة خاصة.

كيفية إضافة ارتباط إلى صورة
كيفية إضافة ارتباط إلى صورة

تعليمات

الخطوة 1

إذا تم تخزين جميع الملفات الموجودة على الخادم في مجلد واحد ، فاكتب رمز HTML التالي للصفحة:

‹A href=page.html 8. النقر فوق هذا الارتباط سينقلك إلى صفحة أخرى داخل الموقع ‹/a ’

الخطوة 2

تعرف على كيفية تضمين ارتباطات للصفحات المحلية الموجودة في مواقع الجهات الخارجية في HTML الخاص بك:

‹A href= https://server.domain/folder/page.html 8. النقر فوق هذا الارتباط سينقلك إلى صفحة موجودة في موقع مختلف تمامًا ‹/a ’

الخطوه 3

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

‹Img src = filename.jpg›

الخطوة 4

بنفس الطريقة ، أدخل الصور المخزنة على خوادم الجهات الخارجية في الصفحة:

‹Img src =

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

الخطوة الخامسة

للنقر على صورة لمتابعة الرابط ، قم بدمج هذه العلامات كما يلي:

‹A href= https://server.domain/folder/page.html_ ‹img src = picture.jpg› ‹/aربون

إذا رغبت في ذلك ، استبدل في هذا البناء الرابط العام للصفحة بالرابط المحلي ، أو ، على العكس من ذلك ، الرابط المحلي للصورة بالرابط العالمي.

الخطوة 6

أخيرًا ، إذا كنت تريد أن يتبع الرابط بالنقر فوق كل من الصورة والنص الموجود أسفله ، فاستخدم بنية أكثر تعقيدًا مثل هذا:

‹A href= https://server.domain/folder/page.html 8. ‹img src = picture.jpg› ‹p 8. ستتم إعادة توجيهك إلى صفحة أخرى بغض النظر عما إذا نقرت على هذا النص أو على الصفحة التي فوقه صورة. ستكون النتيجة متطابقة تمامًا.

موصى به: