HTML-এ height এবং width অ্যাট্রিবিউটের ব্যবহার
HTML-এ height এবং width অ্যাট্রিবিউট একটি এলিমেন্টের উচ্চতা এবং প্রস্থ নির্দিষ্ট করতে ব্যবহৃত হয়। মানগুলো পিক্সেল (px) এ সেট করা হয়।
height এবং width অ্যাট্রিবিউট নিচের HTML এলিমেন্টগুলোতে ব্যবহার করা হয়:
| ক্রমিক নং | এলিমেন্ট | অ্যাট্রিবিউট | অ্যাট্রিবিউট |
|---|---|---|---|
| ১ | <canvas> এলিমেন্ট |
height | width |
| ২ | <embed> এলিমেন্ট |
height | width |
| ৩ | <iframe> এলিমেন্ট |
height | width |
| ৪ | <img> এলিমেন্ট |
height | width |
| ৫ | <input> এলিমেন্ট |
height | width |
| ৬ | <object> এলিমেন্ট |
height | width |
| ৭ | <video> এলিমেন্ট |
height | width |
HTML পেজে ইমেজ যোগ করতে <img> ট্যাগ ব্যবহার করা হয়। সেটির সাথে height এবং width অ্যাট্রিবিউট ব্যবহার করে ইমেজের উচ্চতা এবং প্রস্থ পিক্সেলে সেট করা হয়।
উদাহরণ
নিচের কোডটি চালিয়ে HTML-এ height এবং width অ্যাট্রিবিউটের ব্যবহার শিখুন:
<!DOCTYPE html>
<html>
<head>
<title>HTML height and width attribute</title>
</head>
<body>
<img src="https://www.tutorialspoint.com/green/images/logo.png" alt="Simply Easy Learning" width="200" height="70">
</body>
</html>
সেরা অনুশীলন: সবসময় width এবং height নির্দিষ্ট করুন যাতে পেজ লোড হওয়ার সময় লেআউট শিফট না হয় (CLS প্রতিরোধ)। CSS-এও width/height ব্যবহার করা যায়, কিন্তু HTML অ্যাট্রিবিউট ব্রাউজারের রেন্ডারিং-এ সাহায্য করে।
