লেখক:
Clyde Lopez
সৃষ্টির তারিখ:
17 জুলাই 2021
আপডেটের তারিখ:
1 জুলাই 2024
![HTML এ চিত্রের উচ্চতা এবং প্রস্থ বৈশিষ্ট্য | HTML5 টিউটোরিয়াল](https://i.ytimg.com/vi/sSsLR2cWAls/hqdefault.jpg)
কন্টেন্ট
এই নিবন্ধটি আপনাকে দেখাবে কিভাবে এইচটিএমএলে একটি ছবির উচ্চতা এবং প্রস্থ সেট করতে হয়।
- "প্রস্থ" বৈশিষ্ট্যটি ছবির প্রস্থ (পিক্সেলে) সেট করে।
- "উচ্চতা" বৈশিষ্ট্যটি ছবির উচ্চতা (পিক্সেলে) নির্ধারণ করে।
- HTML4.01 এ, উচ্চতা পিক্সেল বা শতাংশ হিসাবে সেট করা যেতে পারে, কিন্তু HTML5 এ, শুধুমাত্র পিক্সেলে।
ধাপ
1 HTML ফাইলটি খুলুন। উদাহরণস্বরূপ, default.html ফাইলটি খুলুন।
2 আপনার HTML কোডে নিচের লাইন যোগ করুন।
- img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
- src গ্রাফিক ফাইলের পথ (ছবি) ধারণ করে।
- Alt এ, ছবির আকার সেট করা আছে।
3 উচ্চতা এবং প্রস্থ বৈশিষ্ট্যগুলির মানগুলি আপনার পছন্দসই মানগুলির সাথে প্রতিস্থাপন করুন। উদাহরণস্বরূপ, এর মতো: উচ্চতা = "19" প্রস্থ = "20"
4 ফাইলটি সংরক্ষণ করুন এবং যেকোনো ওয়েব ব্রাউজারে খুলুন। ইমেজের রিসাইজ কিভাবে হয়েছে তা যাচাই করতে এটি করুন। "প্রস্থ" বৈশিষ্ট্যটি সমস্ত প্রধান ব্রাউজার (গুগল ক্রোম, সাফারি, মোজিলা ফায়ারফক্স, অপেরা, ইন্টারনেট এক্সপ্লোরার) দ্বারা সমর্থিত।
পরামর্শ
- সর্বদা ছবির উচ্চতা এবং প্রস্থ সেট করুন। সুতরাং যখন পৃষ্ঠাটি লোড করা হয়, তখন ছবির জন্য স্থান সংরক্ষিত থাকে। অন্যথায়, ব্রাউজারটি ছবির আকার জানবে না এবং স্থান সংরক্ষণ করবে না, যার ফলে পৃষ্ঠা লোড হওয়ার সাথে সাথে পৃষ্ঠার লেআউট পরিবর্তন হবে।
- যদি "উচ্চতা" এবং "প্রস্থ" বৈশিষ্ট্যগুলি ব্যবহার করে বড় চিত্রের আকার হ্রাস করা হয়, তবে ব্যবহারকারী বৃহত চিত্রটি লোড করবে (যদিও এটি পৃষ্ঠায় ছোট দেখায়)। অতএব, আমরা সুপারিশ করছি যে আপনি প্রথমে একটি গ্রাফিক্স এডিটরে ছবির আকার পরিবর্তন করুন।