HTMLBeginner
HTML Attributes (অ্যাট্রিবিউট)
HTML attribute কী, কীভাবে ব্যবহার হয় — href, src, alt, class, id সহ প্রয়োজনীয় অ্যাট্রিবিউট নিয়ে বাংলা টিউটোরিয়াল।
9টি অংশবাংলা ভাষায়
Attributes হলো এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য। এগুলো start tag-এর ভেতরে লেখা হয় এবং সাধারণত name="value" ফরম্যাটে হয়।
Syntax
<a href="https://example.com">ভিজিট করুন</a>
│ │ │
│ └─ attribute name └── attribute valueপ্রয়োজনীয় অ্যাট্রিবিউট
href—<a>লিংকের গন্তব্য URLsrc—<img>-এর ছবির অবস্থানalt—<img>-এর বিকল্প টেক্সটclass— CSS স্টাইল করার জন্যid— পেজের মধ্যে একটি এলিমেন্টকে অনন্য নাম দেওয়ার জন্যwidth/height— ছবির মাপ
class বনাম id
| class | id |
|---|---|
| একাধিক এলিমেন্টে ব্যবহার করা যায় | একটি পেজে প্রতিটি id হয় অনন্য |
| CSS ও JavaScript উভয়েই ব্যবহৃত | লিংক ও JavaScript-এর জন্য ব্যবহৃত |
. দিয়ে বোঝানো হয় | # দিয়ে বোঝানো হয় |
অ্যাট্রিবিউট সহ উদাহরণhtml
html
<img src="profile.jpg" alt="আমার প্রোফাইল ছবি" width="200" />
<a href="mailto:info@example.com" class="btn">ইমেইল করুন</a>
<div id="about-section">...</div>alt অ্যাট্রিবিউট ভুলবেন না
alt টেক্সট শুধু ছবি না দেখালে দেখায় না — screen reader ব্যবহারকারী ও আগের জন্য গুরুত্বপূর্ণ। এটি accessibility এবং SEO-তেও সাহায্য করে।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।