HTML টিউটোরিয়াল -৫ >>(Html এট্রিবিউট)

HTML টিউটোরিয়াল -৫ >>(Html এট্রিবিউট)
 

আজ আমি Html এর এট্রিবিউট গুলো সম্পর্কে জানবো
Html এট্রিবিউট
  • এট্রিবিউট এর অর্থ হল বৈশিষ্ট্য,ধর্ম বা গুন। অর্থাৎ যা ট্যাগের বিভিন্ন বৈশিষ্ট্য বহন করে তাই হলো এট্রিবিউট।
  • ট্যাগ কে সম্প্রসারণ করার জন্য এট্রিবিউট ব্যবহার করা হয়।
  • এট্রিবিউট সব সময় শুরুর ট্যাগের মাঝে দিতে হয়।
  • সাধারণ ভাবে বলতে গেলে ট্যাগের মধ্যে যে অংশে “=” (সমান চিহ্ন) থাকে সেটিই হল ঐ ট্যাগের এট্রিবিউট।
lang এট্রিবিউট অর্থাৎ ল্যাঙ্গুয়েজ এট্রিবিউট
  • একটা ডকুমেন্টের ল্যাঙ্গুয়েজকে <html> ট্যাগের ভেতরেই ডিক্লেয়ার করতে হয়।
  • ল্যাঙ্গুয়েজকে lang এর ভেতরে ডিক্লেয়ার করতে হয়।
figure 1
এখানে প্রথম দুটি অক্ষর (en) দ্বারা ল্যাঙ্গুয়েজ বুঝানো হয়েছে। একে আরও বিশদভাবে বুঝানোর জন্য আরো দুটি অক্ষর (US) দেয়া হয়েছে।
HTML টাইটেল এট্রিবিউট
এই এট্রিবিউটটি কোন HTML এলিমেন্টের শিরোনাম এবং ছোট popup টেক্সট যুক্ত করে এমন ভাবে যুক্ত করে যখন ওয়েব পেজে ঐ শিরোনামের উপর মাউস রাখা হয় তখন ছোট popup টেক্সটি প্রদর্শন করে।
উদাহরণ
figure 2
figure 3
এখানে <p> এলিমেন্টের একটা টাইটেল এট্রিবিউট রয়েছে যার ভ্যালু হচ্ছে "About W3Schools"
href এট্রিবিউট
HTML এর লিঙ্ক গুলোকে <a> ট্যাগ দ্বারা প্রকাশ করা হয় এবং এই লিঙ্ক গুলোর এড্রেস থাকে href এট্রিবিউটের ভেতর।
উদাহরণ
figure 4
figure 5
সাইজ( Size) এট্রিবিউট
  • HTML এ ছবির জন্য <img> ট্যাগ ব্যবহার করা হয়।
  • সোর্স ফাইলের নাম(src) এবং ছবির সাইজ ( দৈর্ঘ্য ও প্রস্থ) এট্রিবিউট হিসেবে দেওয়া থাকে।
উদাহরণ
figure 6
figure 7
ছবির width="104" মানে ছবিটি ১০৪ প্রস্থের স্ক্রিন পিক্সলের মধ্যে হবে।
alt এট্রিবিউট
alt এর মধ্যে ছবিটির কোন বর্ননা দিতে পারবেন। ছবি লোড হতে দেরি হলে ততোক্ষণ alt এর ভিতর লেখাটি দেখায়।
উদাহরণ
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
এখানে alt="Pulpit rock" অংশটুকু Image Alt Attribute ।