HTML এ ব্যাকগ্রাউন্ড ইমেজ পরিবর্তনের সাথে সম্পর্কিত প্রধান সমস্যা হল যে সমস্ত ব্রাউজার এবং ডিভাইস জুড়ে ইমেজ সঠিকভাবে প্রদর্শিত হয় তা নিশ্চিত করা কঠিন হতে পারে। উপরন্তু, ছবিটি খুব বড় বা খুব ছোট হলে, এটি পৃষ্ঠা লোড করার গতি এবং কার্যকারিতা নিয়ে সমস্যা সৃষ্টি করতে পারে। অবশেষে, এইচটিএমএল-এ ব্যাকগ্রাউন্ড ইমেজ সেট করার বিভিন্ন উপায় রয়েছে (যেমন, CSS বা ইনলাইন স্টাইলিং ব্যবহার করে), তাই নিশ্চিত করা যে একটি নির্দিষ্ট পরিস্থিতির জন্য সঠিক পদ্ধতি ব্যবহার করা কঠিন হতে পারে।
<body style="background-image:url('image.jpg');">
</body>
1. কোডের এই লাইনটি একটি HTML বডি এলিমেন্ট তৈরি করে।
2. এটি "image.jpg" এ অবস্থিত ইমেজের সাথে বডি এলিমেন্টের ব্যাকগ্রাউন্ড ইমেজ সেট করে।
পটভূমি ছবি
এইচটিএমএল-এ পটভূমি চিত্রগুলি একটি ওয়েব পৃষ্ঠায় চাক্ষুষ আগ্রহ যোগ করতে ব্যবহার করা যেতে পারে। তারা একটি আলংকারিক উপাদান হিসাবে ব্যবহার করা যেতে পারে, বা তারা তথ্য জানাতে ব্যবহার করা যেতে পারে। CSS-এ ব্যাকগ্রাউন্ড-ইমেজ প্রপার্টি ব্যবহার করে ব্যাকগ্রাউন্ড ইমেজ যোগ করা হয়। এই বৈশিষ্ট্যটি আপনাকে একটি চিত্র ফাইল নির্দিষ্ট করতে দেয়, যেমন একটি JPEG বা PNG, যা পৃষ্ঠার অন্যান্য উপাদানগুলির পিছনে প্রদর্শিত হবে৷ ব্যাকগ্রাউন্ড-ইমেজ প্রপার্টি আপনাকে অন্যান্য প্রপার্টি যেমন ব্যাকগ্রাউন্ড-রিপিট এবং ব্যাকগ্রাউন্ড-পজিশন সেট করতে দেয় যা পৃষ্ঠায় ইমেজ কীভাবে প্রদর্শিত হবে তা নিয়ন্ত্রণ করে।
আমি কিভাবে HTML এ ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করব?
HTML এ ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করা একটি সহজ প্রক্রিয়া। এটি করার জন্য, আপনাকে CSS-এ ব্যাকগ্রাউন্ড-ইমেজ প্রপার্টি ব্যবহার করতে হবে।
প্রথমত, আপনি আপনার ব্যাকগ্রাউন্ড হিসাবে যে ছবিটি ব্যবহার করতে চান তা সংজ্ঞায়িত করতে হবে। আপনি ইমেজ ফাইলের জন্য একটি পরম বা আপেক্ষিক URL ব্যবহার করে এটি করতে পারেন। উদাহরণ স্বরূপ:
পরবর্তী, আপনার HTML নথিতে নিম্নলিখিত কোড যোগ করুন:
এটি নির্দিষ্ট চিত্রটিকে আপনার পৃষ্ঠার পটভূমি চিত্র হিসাবে সেট করবে। আপনি অন্যান্য বৈশিষ্ট্য যেমন অবস্থান এবং প্রয়োজনে অতিরিক্ত CSS নিয়ম ব্যবহার করে পুনরাবৃত্তি করতে পারেন।
