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

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

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

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

فيديو: كيفية وضع صورة في HTML
فيديو: الدرس الثاني: ادراج صورة الى صفحة الانترنت باستخدام لغة HTML 2024, يمكن
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

موصى به: