كيفية وضع صورة في HTML

كيفية وضع صورة في HTML
كيفية وضع صورة في HTML

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

Anonim

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

كيفية وضع صورة في HTML
كيفية وضع صورة في HTML

تعليمات

الخطوة 1

إذا كان ملف الصورة وملف HTML موجودين في نفس المجلد ، فاستخدم كود HTML التالي لإدراج الصورة: حيث إن imagename.jpg

الخطوة 2

إذا كان ملف الصورة موجودًا على نفس الخادم ، ولكن في مجلد مختلف ، فقم بتغيير هذا البناء على النحو التالي: حيث /folder/anotherfolder/imagename.jpg

الخطوه 3

ضع الصور المخزنة على خوادم أخرى بحذر - قد يتم تمكين الحماية ضد الترشيح هناك ، وبعد ذلك بدلاً من الصورة المطلوبة ، سيرى زائر صفحتك تحذيرًا بشأن هذه الحماية. إذا لم تكن هناك مثل هذه الحماية ، ولم يعترض مالك خادم الجهة الخارجية على إدراج الصور المخزنة هناك في صفحات أشخاص آخرين ، فاستخدم مقتطف الشفرة التالي: حيث https://server.domain/folder/anotherfolder/imagename.jpg

الخطوة 4

لكي تكون الصورة في نفس الوقت رابطًا لصفحة أخرى ، استخدم الكود التالي: ، حيث يكون نص الرابط هو عنوان الارتباط (محلي أو عالمي).

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

أخيرًا ، بحيث عندما ينقر المستخدم على الصورة ، يمكن للمستخدم رؤية نسختها المكبرة ، قم بتغيير الجزء السابق على النحو التالي: حيث إن imagename-big.jpg

موصى به: