এইচটিএমএল এট্রিবিউট (HTML Attributes)
ইতিপুর্বে আমরা এইচটিএমএল ট্যাগস আর এলিমেন্ট বিষয়ে বিস্তারিত জেনেছিলাম। আজকের বিষয় এইচটিএমএল এট্রিবিউট। প্রতিদিন কত ওয়েবসাইটে আমরা ভিজিট করি। ওয়েবসাইট গুলো কত সুন্দর করে সাজানো গুছানো থাকে। যেখানে যে কন্টেন্ট থাকার কথা সেখানে সেই কন্টেন্ট রেখে একজন ওয়েব ডিজাইনার মনের মত করে ওয়েবসাইট সাজিয়ে থাকেন। এই যে সাজানো গুছানোর অন্তরালে কাজ করে যে জিনিসটা সেটাই হচ্ছে এট্রিবিউট। প্রত্যেক এলিমেন্টের জন্য এট্রিবিউট থাকতে পারে। অপ্রয়োজনে না থাকলেও সমস্যা নেই। লিখার নিয়ম হচ্ছে <Tag Attribute="Value">
এখানে Tag হচ্ছে HTML Tag আর Attribute হচ্ছে HTML Attribute. আর Value হচ্ছে ঐ HTML Attribute এর মান। ধরুন <a href="https://www.google.com">
এখানে <a>
হচ্ছে Tag আর href হচ্ছে Attribute আর https://www.google.com
হচ্ছে Value. ভেলু সব সময় ডবল কোটেশনের ভিতরে লিখতে হয়।
কিছু Attribute Globally নির্ধারন করা যায়, এবং যে কোন Element এ ব্যবহার করা যায়। আবার কিছু Attribute নির্দিষ্ট Element এর জন্য ব্যবহার করা হয়। যদি কোন Element এ কোন Attribute না থাকে তাকে Empty Attributes বলা হয়।
এইচটিএমএলের সব এট্রিবিউট লিষ্ট এবং ব্যবহার দেখার জন্য লেপ্ট সাইডবারের একেবারে নিচে লিঙ্ক দেওয়া আছে। ভিজিট করে দেখে নিতে পারেন। এখানে বহুল ব্যবহ্নত কিছু এট্রিবিউট এবং তাদের কার্জক্রম নিয়ে টেবিল আকারে দিয়েছি। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।
বিস্তারিত ভিডিও সহ দেখুন
কোড উদাহরণ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> HTML Attribute </title>
<style>
a{
text-decoration:none;
font-size:20px;
float:right;
padding-top:10px;
}
</style>
</head>
<body>
<img src="images/kaji_nazrul_islam.jpg" alt="Nazrul Kobita"/>
<a href="images/kaji_nazrul_islam.jpg" download>ছবিটি ডাউনলোড করুন!</a> </body>
</html>
ভিডিও দেখুন নিজে করুন ফলাফল
বহুল ব্যবহ্নত এট্রিবিউট সমুহ
এট্রিবিউট | বিবরণ |
---|---|
alt | এটি ছবির জন্য ব্যবহৃত হয়। ছবি প্রদর্শিত না হলে বিকল্প হিসাবে এই এট্রিবিউট এর ভেলু বা টেক্সটি ব্রাউজারে প্রদর্শিত হয়। |
charset | এটি মেটা ট্যাগে ব্যবহৃত হয়। অর্থাৎ অক্ষর বা ক্যারেক্টার এনকোডিং নির্ধারণ করার জন্য এটি ব্যবহার করা হয়। |
class | এটি ষ্টাইল শিটের জন্য বা এলিমেন্টকে ষ্টাইল করার জন্য ব্যবহার হয়ে থাকে। |
href | এটি একটি লিঙ্কের URL সেট করতে ব্যবহার করা হয়। |
id | একটি এলিমেন্টের জন্য ইউনিক নাম সেট করে। যা ষ্টাইল অথবা স্ক্রিপ্ট এর জন্য ব্যবহৃত হয় |
src | একটি ইমেজ বা স্ক্রিপ্ট এর সোর্স সেট করতে ব্যবহার হয়। |
style | যে কোন এলিমেন্টকে ইনলাইন স্টাইল করার জন্য এটি ব্যবহার করা হয়। |
title | একটি এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য সংযুক্ত করতে এটি ব্যবহার করা হয়। |
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি

এইচটিএমএল আইকন

ওয়েবের যত ফন্টস

সিএসএস এনিমেশন

হরেক রকম মেনু

রকমারি বাটন
