كيفية إدراج ارتباط إلى صورة في Html

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

كيفية إدراج ارتباط إلى صورة في Html
كيفية إدراج ارتباط إلى صورة في Html

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

فيديو: كيفية إدراج ارتباط إلى صورة في Html
فيديو: الدرس الثاني: ادراج صورة الى صفحة الانترنت باستخدام لغة HTML 2024, شهر نوفمبر
Anonim

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

كيفية إدراج ارتباط إلى صورة في html
كيفية إدراج ارتباط إلى صورة في html

انه ضروري

الوصول إلى الإنترنت

تعليمات

الخطوة 1

أسهل طريقة لتصميم ارتباط ، بما في ذلك ارتباط صورة ، تتكون من العلامات التالية: نص توضيحي. أعط رابطًا لملف الرسم نفسه كعنوان الصفحة ، على سبيل المثال: https://www.site.com/mypicure.jpg. في النص التوضيحي ، يمكنك الإشارة إلى اسم الملف أو المعلومات الأخرى. عند عرض الرسالة النهائية ، ستكون مرئية فقط ، وستفتح الصورة عند النقر بالمؤشر.

الخطوة 2

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

الخطوه 3

ومع ذلك ، فإن هذه التعديلات اختيارية إذا كنت تريد فقط نشر صورة في منشورك. الشيء الرئيسي هو معرفة عنوانه على الشبكة. إدراج العلامات:. يجب أن يبدو عنوان URL للصورة كما يلي:

الخطوة 4

تسمح لك المعلمات الإضافية بضبط حجم الصورة المعروضة. للقيام بذلك ، استخدم العلامتين width = و height =. ليس من الضروري استخدام كليهما ، إذا حددت أحدهما ، فستتغير المعلمة الثانية بشكل متناسب. بعد العلامة ، ضع الارتفاع أو العرض المطلوب للصورة بالبكسل. قد تبدو النتيجة كما يلي:

موصى به: