HTML Attributes
HTML Attributes (এইচটিএমএল এট্রিবিউটস)
HTML Attributes হলো ট্যাগের অতিরিক্ত তথ্য যা কোনো HTML Element-এর আচরণ বা বৈশিষ্ট্য নির্ধারণ করে। সাধারণত একটি ট্যাগের শুরু অংশে এট্রিবিউট লেখা হয়।
✅ সাধারণ HTML Attributes উদাহরণ
<a href="https://www.google.com" target="_blank">Google</a>
উপরের উদাহরণে, href এবং target দুটি এট্রিবিউট ব্যবহার করা হয়েছে।
- href: লিংকের গন্তব্য URL নির্ধারণ করে।
- target: লিংকটি কোনভাবে খুলবে তা নির্ধারণ করে (যেমন: নতুন ট্যাবে খুলতে
_blank)।
📘 অন্যান্য সাধারণ HTML Attributes
| এট্রিবিউট | ব্যবহার | উদাহরণ |
|---|---|---|
| id | একটি ইউনিক নাম দেয় যা CSS বা JavaScript দ্বারা টার্গেট করা যায়। | <p id="intro">Hello</p> |
| class | একাধিক এলিমেন্টে একই স্টাইল প্রয়োগের জন্য ব্যবহার হয়। | <div class="box"></div> |
| src | ইমেজ, স্ক্রিপ্ট ইত্যাদি ফাইলের সোর্স নির্দেশ করে। | <img src="image.jpg" alt="ছবি"> |
| alt | ইমেজ লোড না হলে বিকল্প টেক্সট দেখায়। | <img src="none.jpg" alt="ছবি পাওয়া যায়নি"> |
| style | ইনলাইন CSS স্টাইল যোগ করার জন্য ব্যবহৃত হয়। | <p style="color:red;">লাল টেক্সট</p> |
| title | মাউস কার্সর উপরে নিলে টুলটিপ হিসেবে টেক্সট দেখায়। | <h3 title="This is a heading">শিরোনাম</h3> |
🎯 গুরুত্বপূর্ণ পয়েন্ট
- সব HTML ট্যাগে এট্রিবিউট না-ও থাকতে পারে।
- এট্রিবিউট সবসময় ট্যাগের শুরু অংশে লেখা হয়।
- এট্রিবিউটের মান (value) সাধারণত উদ্ধৃতিচিহ্নের মধ্যে লেখা হয় (যেমন:
id="intro")।
💡 ছোট অনুশীলন
<img src="flower.jpg" alt="সুন্দর ফুল" title="Beautiful Flower" width="200" height="150">
উপরের কোডে আমরা src, alt, title, width, এবং height এট্রিবিউট ব্যবহার করেছি।
