🔍 এইচটিএমএল এর বিভিন্ন এট্রিবিউট কিভাবে ব্যবহার করা হয় তা দেখানো হলো: HTML অ্যাট্রিবিউট (Attribute)

🔍 HTML অ্যাট্রিবিউট (Attribute) কী?

HTML অ্যাট্রিবিউট হচ্ছে এমন কিছু অতিরিক্ত তথ্য, যা HTML ট্যাগের মধ্যে যোগ করে কনটেন্টের আচরণ বা বৈশিষ্ট্য নির্ধারণ করা হয়।

👉 সহজভাবে বললে:
ট্যাগ বলে কী হবে, আর অ্যাট্রিবিউট বলে কেমন করে হবে।

---

🔧 HTML অ্যাট্রিবিউটের সাধারণ গঠন:

<tagname attribute="value">Content</tagname>

উদাহরণ:

<a href="https://example.com">Visit Example</a>

এখানে:

• <a> → ট্যাগ

• href → অ্যাট্রিবিউট

• "https://example.com" → অ্যাট্রিবিউটের মান (value)

---

🌟 HTML-এর কিছু সাধারণ ও গুরুত্বপূর্ণ অ্যাট্রিবিউট:

অ্যাট্রিবিউট	ব্যবহার	উদাহরণ
href	লিংকের গন্তব্য ঠিক করে	<a href="https://example.com">Link</a>
src	ছবির সোর্স	<img src="pic.jpg">
alt	ছবির বিকল্প টেক্সট	<img alt="My Photo">
title	উপরের হেল্প টেক্সট	<p title="This is a paragraph">Text</p>
id	ইউনিক আইডি দেয়	<div id="main">
class	CSS বা JS এর জন্য শ্রেণী	<p class="highlight">
style	ইনলাইন স্টাইল	<h1 style="color:blue;">Heading</h1>
target	লিংক কোন ট্যাবে খুলবে	<a target="_blank">
type	ইনপুট টাইপ	<input type="text">
value	ইনপুট ফিল্ডে ডিফল্ট মান	<input value="John">
placeholder	ইনপুটের হালকা লেখা	<input placeholder="Your Name">
disabled	ইনপুট বন্ধ করে দেয়	<button disabled>

---

✅ বিঃদ্রঃ

• অ্যাট্রিবিউট সবসময় স্টার্ট ট্যাগে (opening tag) লেখা হয়।

• প্রতিটি অ্যাট্রিবিউটের মান (value) উদ্ধৃতির মধ্যে (" ") থাকতে হয়।

---

🎓 উদাহরণ সহ ব্যাখ্যা:

<img src="me.jpg" alt="My Picture" width="200" height="200">

এখানে:

• src → ছবির ফাইল লোকেশন

• alt → ছবি না লোড হলে দেখাবে

• width এবং height → ছবির আকার নির্ধারণ করছে

---

🧠 সংক্ষেপে:

🔹 HTML অ্যাট্রিবিউট হলো HTML ট্যাগের অতিরিক্ত বৈশিষ্ট্য নির্ধারণ করার জন্য ব্যবহৃত নির্দেশনা।
🔹 অ্যাট্রিবিউট সবসময় নেইম="ভ্যালু" ফরম্যাটে হয় এবং ওপেনিং ট্যাগে লেখা হয়।

---

চান চাইলে আমি একটা HTML ট্যাগ + অ্যাট্রিবিউট মিলিয়ে ছোট প্রজেক্ট (যেমন: Contact Form) তৈরি করে দেখাতে পারি! আপনি আগ্রহী? 😄