Skip to Content
🤖 Technology
HTML
২. এলিমেন্ট ও অ্যাট্রিবিউট

🔖 এলিমেন্ট ও অ্যাট্রিবিউট (Elements & Attributes)

HTML মূলত ট্যাগ, এলিমেন্ট এবং অ্যাট্রিবিউটের সমষ্টি। এগুলো ঠিকমতো বুঝতে পারলে HTML-এর অর্ধেক শেখা হয়ে যায়।

📌 HTML এলিমেন্ট কী?

একটি HTML এলিমেন্ট সাধারণত একটি Start Tag, কিছু Content, এবং একটি End Tag নিয়ে গঠিত হয়।

<tagname>এখানে কন্টেন্ট থাকে</tagname>

উদাহরণ:

<h1>এটি একটি হেডিং</h1> <p>এটি একটি প্যারাগ্রাফ এলিমেন্ট।</p>
💡

কিছু এলিমেন্টের কোনো এন্ডিং ট্যাগ থাকে না। এদেরকে Empty Elements বা Self-closing tags বলে। যেমন: <br>, <img>, <input>

📌 HTML অ্যাট্রিবিউট কী?

অ্যাট্রিবিউট হলো এলিমেন্টের অতিরিক্ত তথ্য বা বৈশিষ্ট্য। এটি সবসময় স্টার্ট ট্যাগ (Start Tag)-এর ভেতরে লেখা হয় এবং সাধারণত name="value" ফরম্যাটে থাকে।

<a href="https://google.com" target="_blank">গুগলে যান</a>

এখানে:

  • a হলো এলিমেন্ট (অ্যাঙ্কর ট্যাগ)
  • href হলো অ্যাট্রিবিউটের নাম
  • "https://google.com" হলো অ্যাট্রিবিউটের ভ্যালু
  • target="_blank" হলো আরেকটি অ্যাট্রিবিউট যা লিংকটিকে নতুন ট্যাবে ওপেন করবে।

📌 কিছু গুরুত্বপূর্ণ অ্যাট্রিবিউট

  • id: একটি এলিমেন্টকে ইউনিকভাবে চিহ্নিত করতে ব্যবহৃত হয়।
  • class: একাধিক এলিমেন্টকে একই গ্রুপে রাখতে ব্যবহৃত হয় (CSS স্টাইলিংয়ের জন্য)।
  • src: ইমেজের সোর্স বা লোকেশন বলে দেয় (<img src="image.png">)।
  • alt: ছবি লোড না হলে কী টেক্সট দেখাবে তা বলে দেয়।
<img src="cat.jpg" alt="A cute cat" class="animal-image" id="cat-1" />
Last updated on