ایچ ٹی ایم ایل سے متعلق اہم مسئلہ دور دراز کے ذرائع سے تصاویر شامل کرنے سے یہ ہے کہ اس سے صفحہ لوڈ ہونے کا وقت سست ہو سکتا ہے۔ اس کی وجہ یہ ہے کہ براؤزر کو ہر تصویر کے لیے علیحدہ درخواست کرنی چاہیے، جو صفحہ پر متعدد تصاویر ہونے کی صورت میں تیزی سے شامل ہو سکتی ہے۔ مزید برآں، اگر ریموٹ سورس بند ہے یا اس کا کنکشن سست ہے، تو اس سے صفحہ لوڈ ہونے میں مزید تاخیر ہو سکتی ہے۔ آخر میں، حفاظتی خطرات کا بڑھتا ہوا خطرہ بھی ہے کیونکہ تصاویر کو کسی بیرونی ذریعہ سے کھینچا جا رہا ہے۔
<img src="https://example.com/image.jpg" alt="Example Image">
1. کوڈ کی یہ لائن ایک HTML امیج ٹیگ ہے، جو ویب پیج پر تصویر دکھانے کے لیے استعمال ہوتی ہے۔
2. "src" وصف ظاہر ہونے والی تصویر کا URL بتاتا ہے، اس صورت میں یہ "https://example.com/image.jpg" ہے۔
3. "alt" وصف تصویر کے لیے متبادل متن فراہم کرتا ہے، اس صورت میں یہ "Example Image" ہے۔
img src وصف
HTML میں img src وصف کسی تصویر کے ماخذ کی وضاحت کے لیے استعمال ہوتا ہے۔ کے اندر استعمال ہوتا ہے۔ تصویر کے ماخذ کی وضاحت کے لیے ٹیگ۔ اس انتساب کی قدر ایک درست URL ہونی چاہیے جو تصویر کی فائل کی طرف اشارہ کرے۔ یہ وصف ویب صفحہ پر موجود تمام تصاویر کے لیے درکار ہے، اور یہ براؤزر کو تصویر کو تلاش کرنے اور ڈسپلے کرنے کی اجازت دیتا ہے۔
میں HTML میں ایک بیرونی تصویر کیسے شامل کروں؟
HTML میں ایک بیرونی تصویر شامل کرنا بہت آسان ہے۔ آپ کو بس استعمال کرنے کی ضرورت ہے۔ ٹیگ کریں اور src وصف کا استعمال کرتے ہوئے تصویر کے ماخذ کی وضاحت کریں۔ HTML میں بیرونی امیج شامل کرنے کا نحو اس طرح لگتا ہے:
جہاں "image_url" تصویری فائل کا ایک لنک ہے، اور "متبادل متن" تصویر میں موجود چیزوں کی تفصیل ہے (قابل رسائی مقاصد کے لیے)۔
مثال کے طور پر، اگر آپ اپنی ویب سائٹ سے my-image.jpg نامی ایک بیرونی تصویر شامل کرنا چاہتے ہیں، تو آپ کا کوڈ اس طرح نظر آئے گا:
