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

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

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

فيديو: كيفية عمل ارتباط صورة

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

إذا كنت مستخدمًا نشطًا للإنترنت ، فمن المحتمل أنك تستخدم المنتديات والمدونات والشبكات الاجتماعية من وقت لآخر. في هذه البيئة ، غالبًا ما يتعين عليك استخدام لغة الترميز والتنسيق HTML (غالبًا في المدونات) ، أو BB-Code (عادةً في المنتديات والشبكات الاجتماعية) للنصوص والصور والروابط. دعونا نفكر في كيفية إنشاء ارتباط بصورة صحيحة وسريعة يدويًا.

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

انه ضروري

  • - كمبيوتر
  • - الوصول إلى الإنترنت
  • - حقل الإدخال لـ html أو bb-code

تعليمات

الخطوة 1

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

تحتوي المعلمة href على الرابط الذي سينتقل إليه المستخدم بعد النقر على الصورة.

تعكس المعلمة target سلوك المتصفح عند فتح الارتباط. في هذه الحالة ، تكون القيمة _blank ، أي أن المتصفح سيفتح الرابط في نافذة جديدة (أو علامة تبويب).

إن img src هو المسار إلى الصورة التي نربط منها.

البديل هو النص الذي سيظهر بدلاً من الصورة إذا لم يتم تحميله ، أو إذا استغرق تحميله وقتًا أطول من الجزء الرئيسي من الصفحة.

ستزيل القيمة الحد حول الصورة. إذا كنت لا تزال بحاجة إليه ، فضع واحدًا بدلاً من الصفر.

الخطوة 2

مع HTML تسويتها. الآن دعنا نحقق نتيجة مماثلة باستخدام كود bb.

هنا ، كما ترون ، كل شيء أبسط إلى حد ما.

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

موصى به: