ایچ ٹی ایم ایل میں پس منظر کی تصاویر کو تبدیل کرنے سے متعلق بنیادی مسئلہ یہ ہے کہ یہ یقینی بنانا مشکل ہو سکتا ہے کہ تمام براؤزرز اور آلات پر تصویر صحیح طریقے سے ظاہر ہو۔ مزید برآں، اگر تصویر بہت بڑی یا بہت چھوٹی ہے، تو یہ صفحہ لوڈ کرنے کی رفتار اور کارکردگی میں مسائل پیدا کر سکتی ہے۔ آخر میں، HTML میں بیک گراؤنڈ امیج سیٹ کرنے کے مختلف طریقے ہیں (مثال کے طور پر، CSS یا ان لائن اسٹائلنگ کا استعمال کرتے ہوئے)، اس لیے اس بات کو یقینی بنانا کہ کسی خاص صورتحال کے لیے صحیح طریقہ استعمال کیا گیا ہے، مشکل ہو سکتا ہے۔
<body style="background-image:url('image.jpg');">
</body>
1. کوڈ کی یہ لائن ایک HTML باڈی عنصر بناتی ہے۔
2. یہ جسم کے عنصر کی پس منظر کی تصویر کو "image.jpg" پر موجود تصویر پر بھی سیٹ کرتا ہے۔
پس منظر کی تصاویر
HTML میں پس منظر کی تصاویر کو ویب صفحہ میں بصری دلچسپی شامل کرنے کے لیے استعمال کیا جا سکتا ہے۔ انہیں آرائشی عنصر کے طور پر استعمال کیا جا سکتا ہے، یا انہیں معلومات پہنچانے کے لیے استعمال کیا جا سکتا ہے۔ پس منظر کی تصاویر CSS میں بیک گراؤنڈ امیج پراپرٹی کا استعمال کرتے ہوئے شامل کی جاتی ہیں۔ یہ خاصیت آپ کو ایک تصویری فائل کی وضاحت کرنے کی اجازت دیتی ہے، جیسے کہ JPEG یا PNG، جو صفحہ پر دیگر عناصر کے پیچھے ظاہر ہوگی۔ بیک گراؤنڈ امیج پراپرٹی آپ کو دیگر خصوصیات جیسے بیک گراؤنڈ ریپیٹ اور بیک گراؤنڈ پوزیشن سیٹ کرنے کی بھی اجازت دیتی ہے جو اس بات کو کنٹرول کرتی ہے کہ صفحہ پر تصویر کیسے دکھائی جاتی ہے۔
میں HTML میں پس منظر کی تصویر کو کیسے تبدیل کروں؟
HTML میں پس منظر کی تصویر کو تبدیل کرنا ایک آسان عمل ہے۔ ایسا کرنے کے لیے، آپ کو CSS میں بیک گراؤنڈ امیج پراپرٹی استعمال کرنے کی ضرورت ہے۔
سب سے پہلے، آپ کو اس تصویر کی وضاحت کرنے کی ضرورت ہے جسے آپ اپنے پس منظر کے طور پر استعمال کرنا چاہتے ہیں۔ آپ تصویری فائل کے لیے مطلق یا متعلقہ URL کا استعمال کر کے ایسا کر سکتے ہیں۔ مثال کے طور پر:
اگلا، اپنے HTML دستاویز میں درج ذیل کوڈ شامل کریں:
یہ مخصوص تصویر کو آپ کے صفحہ کی پس منظر کی تصویر کے طور پر سیٹ کر دے گا۔ آپ دوسری خصوصیات کو بھی ایڈجسٹ کر سکتے ہیں جیسے کہ پوزیشن اور ضرورت پڑنے پر اضافی CSS قواعد کا استعمال کرتے ہوئے دہرائیں۔
