এট্রিবিউট কি?এইচটিএমএল এট্রিবিউট | এইচটিএমএল বাংলা টিউটোরিয়াল

এট্রিবিউট কি ,এইচটিএমএল টিউটোরিয়াল, attribute কি,এইচটিএমএল এট্রিবিউট বাংলা টিউটোরিয়াল,এইচটিএমএল/এট্রিবিউট,এইচটিএমএল এট্রিবিউট

এইচটিএমএল এট্রিবিউট : এইচটিএমএল মূলত কিছু ট্যাগের সমষ্টি। আর এট্রিবিউট  হল এসকল ট্যাগের নিজস্ব বৈশিষ্ট্য। একটি ট্যাগে নতুন তথ্য যোগ করাকেই মূলত এট্রিবিউট  বলে। এটি একটি বিশেষ ক্লাসের মাধ্যমে করা হয় । সাধারণত এভাবে লিখা হয় ==> name=”value” । এগুলো সবসময় শুরুর ট্যাগে ডিক্লেয়ার করা হয় ।

আরো পড়ুন : HTML হেডিং ট্যাগ(H1-H6) ও এর ব্যবহার | এইচটিএমএল বাংলা টিউটোরিয়াল


একটি এলিমেন্টে নতুন তথ্য যোগ করা এটাকেও সেই এলিমেন্টের এট্রিবিউট বলে। 

যেমন একটি মানুষের বৈশিষ্ট্য তার নাম, বয়স , চামড়ার রঙ ইত্যাদি, ঠিক সেরকমই। কোনো একটি ট্যাগের এট্রিবিউট  অন্য ট্যাগের এট্রিবিউটের সাথে মিলতেও পারে আবার নাও মিলতে পারে।

The Title Attribute (Bangla)

এই পোষ্টের হেডিং এ ক্লিক করলে দেখবেন : Permalink to এট্রিবিউট কি?এইচটিএমএল এট্রিবিউট | এটি হল ( title =” ” ) টাইটেল ক্লাস । চাইলে single quote ও ব্যবহার করতে পারবেন
( title =’ ‘ ) ।

এটাই এট্রিবিউট

কোড :

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<p title="This is HTML Attribute"> A Paragraph.</p>
	<p title="এইচটিএমএল 'এট্রিবিউট' ক্লাস"> এইচটিএমএল এট্রিবিউট : এইচটিএমএল মূলত কিছু ট্যাগের সমষ্টি। আর এট্রিবিউট  হল এসকল ট্যাগের নিজস্ব বৈশিষ্ট্য।  একটি ট্যাগে নতুন তথ্য যোগ করাকেই মূলত এট্রিবিউট  বলে। এটি একটি বিশেষ ক্লাসের মাধ্যমে করা হয় </p>
	
</body>
</html>

নোট :
এইচটিএমএল এট্রিবিউট এর মাঝে quote দেখাতে চাইলে এটি ব্যবহার করুন :

title=”এইচটিএমএল ‘এট্রিবিউট’ ক্লাস”

বা,

title=’এইচটিএমএল “এট্রিবিউট” ক্লাস’

The href Attribute (Bangla)

<a> ট্যাগ দ্বারা লিংক করা হয় । আর href Attribute লিংক এড্রেস নির্দিষ্ট করে ।

<a href="http://www.comillait.com">This is a link</a>

The src Attribute (Bangla)

এইচটিএমএল ইমেজ ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। ছবির উত্সের ফাইলটির নাম src বৈশিষ্ট্যতে নির্দিষ্ট করা হয়েছে:

<img src="pubg.jpg">

The width and height Attributes (Bangla)

এইচটিএমএল ইমেজ এর প্রস্থ এবং উচ্চতা নির্ধারণ করার জন্য সাইজ এট্রিবিউট আছে:

<img src="pubg.jpg" width="500" height="600">

The alt Attribute (Bangla)

একটি চিত্র যখন প্রদর্শিত হতে পারে না, তখন Alt বৈশিষ্ট্য ব্যবহার করার কারণে এর একটি বিকল্প টেক্সট প্রদর্শিত হয় । Image SEO তে এটি ব্যবহার হয় ।

<img src="pubg.jpg" alt="Player Unknown Battle Ground">

The style Attribute (Bangla)

Style attribute টি স্টাইলিং, রঙ, ফন্ট, আকার ইত্যাদি নির্দিষ্ট করতে ব্যবহৃত হয়।

<p style="color:red">This is a red Paragraph</p>

The lang Attribute (Bangla)

ভাষা lang Attribute দ্বারা ঘোষণা করা হয়।

<!DOCTYPE html>
<html lang="en-US">
<body>

<p> <p>

</body>
</html>

Summary :

  1. সব এলিমেন্টে এট্রিবিউট থাকতে পারে ।
  2. একটি ট্যাগে নতুন তথ্য যোগ করাকেই মূলত এট্রিবিউট
  3. সাধারণত এভাবে লিখা হয় ==> name=”value” ।
  4. এগুলো সবসময় শুরুর ট্যাগে ডিক্লেয়ার করা হয় ।

Leave a Reply

Your email address will not be published. Required fields are marked *