Facebook

HTML Attribute/এট্রিবিউট

                                   
                          HTML Attribute/এট্রিবিউট:

    HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়।

সচরাচর ব্যবহৃত কিছু এইচটিএমএল এট্রিবিউট এবং এদের ব্যবহারঃ

এট্রিবিউটবর্ণনা
altএই এট্রিবিউটটি <img> ট্যাগে ব্যবহৃত হয়। ইমেজ প্রদর্শিত না হলে বিকল্প হিসাবে এই এট্রিবিউট এর টেক্সট ব্রাউজারে প্রদর্শিত হয়।
charsetএই এট্রিবিউটটি <meta> ট্যাগে ব্যবহৃত হয়। অর্থাৎ অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করার জন্য এটি ব্যবহার করা হয়।
disabledএই এট্রিবিউটটি <input> ট্যাগে ব্যবহৃত হয়। অর্থাৎ একটি নির্দিষ্ট ইনপুট এলিমেন্টকে অকেজো(disable) করতে এই এট্রিবিউট ব্যবহার করা হয়।
hrefএই এট্রিবিউটটি <a> ট্যাগে ব্যবহৃত হয়। অর্থাৎ একটি লিঙ্কের URL সেট করতে এটি ব্যবহার করা হয়।
langডকুমেন্টের ভাষা সংক্রান্ত তথ্য ধারণ করে।
idএকটি এলিমেন্টের জন্য ইউনিক নাম সেট করে।
srcএকটি ইমেজ বা স্ক্রিপ্ট এর সোর্স সেট করে।
styleএকটি এলিমেন্টকে ইনলাইন স্টাইল করার জন্য এটি ব্যবহার করা হয়।
titleএকটি এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য সংযুক্ত করতে এটি ব্যবহার করা হয়। titleযুক্ত এলিমেন্টের উপর মাউস নিয়ে আসলে টুলটিপ হিসেবে টাইটেল এট্রিবিউট এর কন্টেন্ট প্রদর্শিত হয়।

alt এট্রিবিউট এর ব্যবহার:

ইমেজ প্রদর্শিত না হলে ইমেজের বিকল্প হিসেবে একটি টেক্সট সেট করার জন্য alt এট্রিবিউট ব্যবহার করা হয়।


উদাহরণ প্রোগ্রাম:


<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল alt এট্রিবিউট</title>
</head>
<body>
  <img src="satt.png" alt="riazipobd.com" width="142" height="142">
</body>
</html

 charset এট্রিবিউট:

ডকুমেন্টের অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করার জন্য <meta> ট্যাগের মধ্যে charset এট্রিবিউট ব্যবহার করা হয়।
ইংরেজী ছাড়া অন্য যেকোনা ভাষা ব্রাউজারে সঠিকভাবে প্রদর্শন করানোর জন্য charset ="utf-8"ব্যবহার করা হয়।

  

উদাহরণ প্রোগ্রাম:


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>এইচটিএমএল charset এট্রিবিউট</title>
</head>
<body>
  <p>ইংরেজী ছাড়া অন্য যেকোনা ভাষা ব্রাউজারে সঠিকভাবে প্রদর্শন করানোর
   জন্য charset="utf-8" ব্যবহার করা হয়।</p>
   <p>নিজে চেষ্টা করার সময় আমাদের উদাহরণগুলোতে ব্যবহৃত বাংলা  ফন্ট 
   যদি আপনার ব্রাউজারে সাপোর্ট না করে বা বাংলা ফন্ট ভেঙ্গে যায় তাহলে charset="utf-8" 
   ব্যবহার করে ফন্ট সমস্যা দূর করতে পারেন।</p>
</body>
</html>

 src এট্রিবিউট:

এইচটিএমএল <img> এবং <script> ট্যাগের সোর্স ফাইল যোগ করার জন্য src এট্রিবিউট ব্যবহার করা হয়।
   

  উদাহরণ প্রোগ্রাম:


<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল src এট্রিবিউট</title>
</head>
<body>
  <img src="../riaz.png" width="142" height="142">
</body>
</html>

 বি:দ্র:একটা  নোটপ্যাড  open  করে  উপরে উদাহরন  code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি যে কোন  Browserদিয়ে open করে দেখতে পারেন।

HTML Attribute/এট্রিবিউট HTML Attribute/এট্রিবিউট Reviewed by NBA SHORNO on February 12, 2020 Rating: 5

No comments:

Powered by Blogger.