تتمثل المشكلة الرئيسية المتعلقة بإضافة HTML للصور من مصادر بعيدة في أنها يمكن أن تؤدي إلى بطء أوقات تحميل الصفحة. هذا لأن المتصفح يجب أن يقدم طلبًا منفصلاً لكل صورة ، والتي يمكن أن تضيف بسرعة إذا كانت هناك صور متعددة على الصفحة. بالإضافة إلى ذلك ، إذا كان المصدر البعيد معطلاً أو كان الاتصال بطيئًا ، فقد يؤدي ذلك إلى تأخير أوقات تحميل الصفحة. أخيرًا ، هناك أيضًا خطر متزايد من وجود ثغرات أمنية نظرًا لأنه يتم سحب الصور من مصدر خارجي.
<img src="https://example.com/image.jpg" alt="Example Image">
1. سطر التعليمات البرمجية هذا هو علامة صورة بتنسيق HTML ، والتي تُستخدم لعرض صورة على صفحة ويب.
2. تحدد السمة "src" عنوان URL للصورة المراد عرضها ، وفي هذه الحالة يكون "https://example.com/image.jpg".
3. توفر السمة "alt" نصًا بديلاً للصورة ، وفي هذه الحالة يكون "مثال صورة".
سمة img src
تُستخدم السمة img src في HTML لتحديد مصدر الصورة. يتم استخدامه داخل علامة لتحديد مصدر الصورة. يجب أن تكون قيمة هذه السمة عنوان URL صالحًا يشير إلى ملف صورة. هذه السمة مطلوبة لجميع الصور على صفحة الويب ، وتسمح للمتصفح بتحديد موقع الصورة وعرضها.
كيف أقوم بإضافة صورة خارجية في HTML
تعد إضافة صورة خارجية بتنسيق HTML أمرًا بسيطًا للغاية. كل ما عليك فعله هو استخدام علامة وحدد مصدر الصورة باستخدام السمة src. تبدو صيغة إضافة صورة خارجية في HTML كما يلي:
حيث "image_url" هو رابط لملف الصورة ، و "النص البديل" هو وصف لما هو موجود في الصورة (لأغراض الوصول).
على سبيل المثال ، إذا كنت ترغب في إضافة صورة خارجية من موقع الويب الخاص بك تسمى my-image.jpg ، فسيبدو الرمز الخاص بك كما يلي:
