এইচটিএমএল এর এট্রিবিউট গুলো এলিমেন্টকে আরও বেসি অর্থপূর্ণ এবং প্রাসঙ্গিক করে তোলে। এট্রিবিউট ব্যবহার করে এলিমেন্টগুলোর ওপর পূর্ণ নিয়ন্ত্রন পাওয়া যায়।
নিচের টেবিলে প্রদর্শিত গ্লোবাল এট্রিবিউট গুলো যেকোনো HTML এলিমেন্টে ব্যবহার করা যায়।
এট্রিবিউট | ব্যবহৃত হয় | বর্ননা |
---|---|---|
accesskey | গ্লোবাল এট্রিবিউট | কোন এইচটিএমএল এলিমেন্ট কে সক্রিয়/ফোকাস করতে নির্দিষ্ট শর্টকাট কি(key) উল্লেখ করে। |
class | গ্লোবাল এট্রিবিউট | কোন এইচটিএমএল এলিমেন্টের জন্য এক বা একাধিক ক্লাস নির্ধারণ করে। |
contenteditable | গ্লোবাল এট্রিবিউট | কোন এলিমেন্টের কন্টেন্ট edit করা যাবে কি না তা নির্ধারণ করে। |
data-* | গ্লোবাল এট্রিবিউট | কোন ওয়েব পেজ বা কোন ওয়েব এপ্লিকেশনের কাস্টম ডাটা সংরক্ষনের জন্য ব্যবহার করা হয়। |
dir | গ্লোবাল এট্রিবিউট | কোন এলিমেন্ট কন্টেন্টের লেখার দিক নির্দিষ্ট করে। |
draggable | গ্লোবাল এট্রিবিউট | কোন এলিমেন্ট ড্র্যাগ বা drag করা যাবে কিনা তা নির্ধারণ করে। |
dropzone | গ্লোবাল এট্রিবিউট | যখন কোন এলিমেন্টের উপর ড্রপ বা drop করা হয় তখন ড্রাগকৃত ডাটার অনুলিপি বা copy, স্থানান্তর বা লিংক গুলো নির্ধারণ করে। |
hidden | গ্লোবাল এট্রিবিউট | এটা নির্ধারণ করে যে কোন এইচটিএমএল এলিমেন্ট এখন আর নেই অথবা থাকবে না। |
id | গ্লোবাল এট্রিবিউট | কোন এইচটিএমএল এলিমেন্টের জন্য একটি অনন্য বা unique নাম বা ID নির্ধারণ করে। |
lang | গ্লোবাল এট্রিবিউট | ওয়েব পেজ বা কোন কনটেন্ট এলিমেন্টের ভাষা বা language নির্ধারণ করে। |
spellcheck | গ্লোবাল এট্রিবিউট | লেখা বা text কন্টেন্টে বানান এবং ব্যাকরণগত শুদ্ধতা পরীক্ষা করতে ব্যবহার করা হয়। |
style | গ্লোবাল এট্রিবিউট | কোন এলিমেন্টের জন্য ইনলাইন সিএসএস স্টাইল নির্ধারণ করে। |
tabindex | গ্লোবাল এট্রিবিউট | কম্পিউটার কিবোর্ডের ট্যাব বা Tab কি এর জন্য ইন্ডেক্স বা সূচক নির্ধারণ করে। |
title | গ্লোবাল এট্রিবিউট | কোন এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদান করে, যা টুলটিপ আকারে ব্রাউজারে প্রদর্শিত হয়। |
translate | গ্লোবাল এট্রিবিউট | কোন এলিমেন্টের কন্টেন্ট গুলো ভাষান্তর বা translate হবে কিনা তা নির্ধারণ করে। |
নিচের টেবিলে HTML এর আরও কতগুলো এট্রিবিউট সম্পর্কে দেখুন।
এট্রিবিউট | ব্যবহৃত হয় | বর্ননা | |
---|---|---|---|
accept | <input> | সার্ভার গ্রহণ করে এমন সব ফাইলের টাইপ উল্লেখ করে, যা শুধুমাত্র "file" টাইপের জন্য প্রযোজ্য হয়। | |
accept-charset | <form> | কোন এইচটিএমএল ফরম সাবমিট করার জন্য ব্যবহৃত অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করে। | |
action | <form> | ফরম সাবমিট করার পর ফরমের তথ্য কোথায় পাঠানো হবে তা নির্ধারণ করে। | |
align | এইচটিএমএল(৫)-এ সাপোর্ট করে না। | পার্শ্ববর্তী এলিমেন্ট অনুযায়ী এইচটিএমএল এলিমেন্টের শ্রেণীবিন্যাস বা alignment নির্ধারণ করে। এর পরিবর্তে সিএসএস ব্যবহার করা উচিৎ। | |
alt | <area> , <img> , <input> | কোন মূল এইচটিএমএল এলিমেন্ট ওয়েব পেজে প্রদর্শন করতে ব্যর্থ হলে তার একটি বিকল্প লেখা প্রদর্শন করে। | |
async | <script> | কোন বহিঃস্থ স্ক্রিপ্ট অ্যাসিঙ্ক্রোনাসলি বা asynchronously এক্সিকিউট হবে কি তা উল্লেখ করে। | |
autocomplete | <form> , <input> | <form> অথবা <input> এলিমেন্টে আগে ইনপুটকৃত মান থেকে নতুন মান ইনপুট নিবে কিনা তা নির্ধারণ করে। | |
autofocus | <button> , <input> , <keygen> , <select> , <textarea> | কোন ওয়েব পেজ লোড হওয়া সম্পূর্ণ হলে পরে কোন এলিমেন্টে স্বয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা নির্ধারণ করে। | |
autoplay | <audio> , <video> | একটি ওয়েব পেজ পুরো পুরি লোড হলে অডিও/ভিডিও গুলো স্বয়ংক্রিয়ভাবে চলা শুরু করবে কিনা তা নির্ধারণ করে। | |
bgcolor | এইচটিএমএল(৫)-এ সমর্থন করে না। | কোন এইচটিএমএল এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ নির্ধারণ করে। এর পরিবর্তে সিএসএস ব্যবহার করা উত্তম। | |
border | এইচটিএমএল(৫)-এ সাপোর্ট করে না। | কোন এইচটিএমএল এলিমেন্টের বর্ডার নির্ধারণ করে। এর পরিবর্তে সিএসএস ব্যবহার করা উত্তম। | |
charset | <meta> , <script> | ওয়েব পেজের অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করে। | |
checked | <input> | ওয়েব পেজ লোড হলে<input> এলিমেন্টের "checkbox" অথবা "radio" টাইপের জন্য মান সিলেক্টেড অবস্থায় থাকবে কিনা তা নির্ধারণ করে। | |
cols | <textarea> | এইচটিএমএল <textarea> এলিমেন্টের দৃশ্যমান প্রস্থ বা width নির্ধারণ করে। | |
cite | <blockquote> , <del> , <ins> , <q> | quote বা deleted বা inserted এর লেখাকে ব্যাখ্যা করার জন্য কোন URL নির্ধারণ করে। | |
color | এইচটিএমএল(৫)-এ সাপোর্ট করে না। | একটি এলিমেন্টের লেখার রঙ নির্ধারণ করে। এর পরিবর্তে সিএসএস ব্যবহার করা উত্তম। | |
content | <meta> | http-equiv অথবা name এট্রিবিউটের সাথে মান যুক্ত করে। | |
colspan | <td> , <th> | কোন এইচটিএমএল টেবিলের কলামের সেলের সংখ্যা নির্ধারণ করে। | |
contextmenu | গ্লোবাল এট্রিবিউট | কোন এইচটিএমএল এলিমেন্টের জন্য contextmenu নির্ধারণ করে। | |
controls | <audio> , <video> | ওয়েব পেজে অডিও/ভিডিও ফাইলের নিয়ন্ত্রন প্যানেল, যেমন - চালু/বন্ধ করা, ভলিওম কমানো/বাড়ানো ইত্যাদি তৈরি করে। | |
coords | <area> | কোন নির্দিষ্ট এলাকার স্থানাঙ্ক নির্ধারণ করে। | |
data | <object> | কোন অবজেক্টের ব্যবহারের জন্য উৎসের URL নির্ধারণ করে। | |
datetime | <del> , <ins> , <time> | ওয়েব পেজে তারিখ বা Date এবং সময় বা Time উল্লেখ করতে ব্যবহার করা হয়। | |
default | <track> | কোন অডিও/ভিডিও এলিমেন্টের default ট্র্যাক নির্ধারণ করতে এই এট্রিবিউট ব্যবহার করা হয়। | |
defer | <script> | কোন ওয়েব পেজ লোড সম্পূর্ণ হলে বহিঃস্থ স্ক্রিপ্ট execute হবে। | |
dirname | <input> , <textarea> | ফরম সাবমিটের সাথে লেখার দিকও সাবমিট করা হয়। | |
disabled | <button> ,<fieldset> , <input> , <keygen> , <optgroup> , <option> , <select> , <textarea> | কোন এলিমেন্ট বা এলিমেন্ট গ্রুপকে নিষ্ক্রিয় বা disable করতে বাবহ্রিত হয়। | |
download | <a> , <area> | যখন কোন ব্যবহারকারী লিংকে ক্লিক করবে তখন টার্গেট লিংকের ফাইলটি ডাউনলোড হবে। | |
enctype | <form> | এটি সার্ভারে সাবমিট করার জন্য ফরম-ডাটার এনকোড নির্ধারণ করে। শুধুমাত্র method="post" এ সাথে কাজ করে। | |
for | <label> , <output> | ফরম এলিমেন্টে লেখার সাথে ইনপুট ফিল্ডের সংযোগ করে। | |
form | <button> , <fieldset> , <input> , <keygen> , <label> , <meter> , <object> , <<output> , <select> , <textarea> | এইচটিএমএল ফরম এলিমেন্টকে নির্ধারণ করে। | |
formaction | <button> , <input> | কোন ফরম সাবমিট করার সময় এর তথ্য ভিন্ন কোথায় পাঠাতে ব্যবহার করা হয়। | |
headers | <td> , <th> | কোন টেবিল হেডারের সাথে কন্টেন্টের সম্পর্ক নির্দেশ করে। | |
height | <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <video> | কোন এইচটিএমএল এলিমেন্টের উচ্চতা বা height নির্দেশ করে। | |
high | <meter> | কোন পরিসীমাকে বুঝায় যা সর্বোচ্চ মান রুপে কাজ করে। | |
href | <a> , <area> , <base> , <link> | কোন লিংকের URL বা ঠিকানাকে নির্দেশ করে। | |
hreflang | <a> , <area> , <link> | লিংককরা ডকুমেন্টের ভাষা বা language নির্দেশ করে। | |
http-equiv | <meta> | কোন কনটেন্ট এট্রিবিউটে তথ্য বা value র জন্য একটি HTTP হেডার/শিরোনাম তৈরি করে। | |
ismap | <img> | কোন ছবি বা image কে সার্ভার সাইড ইমেজ-ম্যাপ রুপে রূপান্তর করে। | |
keytype | <keygen> | কোন <keygen> এলিমেন্টের জন্য সিকিউরিটি কীয়ের ধরন নির্দেশ করে। | |
kind | <track> | কোন টেক্সট ট্র্যাকের জন্য ধরন নির্দেশ করে। | |
label | <track> | কোন টেক্সট ট্র্যাকের জন্য টাইটেল নির্দেশ করে। | |
list | <input> | কোন <datalist> এলিমেন্টকে নির্দেশ করে যা <input> এলিমেন্টের জন্য পূর্ব-নির্ধারিত অপশন গুলো নির্ধারণ করে। | |
loop | <audio>, <video> | প্রতি বার শেষ হওয়ার পর অডিও/ভিডিও পুওনরায় চালু হবে কি না তা নির্ধারণ করে। | |
low | <meter> | কোন পরিসীমাকে বুঝায় যা সর্বনিম্ন মান রুপে কাজ করে। | |
manifest | <html> | অফলাইন ব্রাউজিং এর জন্য ডকুমেন্টের ক্যাশ বা cache স্মৃতি বা memory এর ঠিকানা নির্ধারণ করে। | |
max | <input> , <meter> , <progress> | কোন এইচটিএমএল এলিমেন্টে ইনপুটকৃত সর্বোচ্চ মান মান নির্দেশ করে। | |
maxlength | <input> , <textarea> | কোন এইচটিএমএল ইনপুট এলিমেন্টে সর্বোচ্চ কতটি ক্যারেক্টার ইনপুট করা যাবে তার সংখ্যা নির্দেশ করে। | |
media | <a> , <area> , <link> , <source> , <style> | কোন মিডিয়া বা ডিভাইসের জন্য লিংক করা ডকুমেন্টটি তৈরি করবে। | |
method | <form> | কোন ফরম এর তথ্য পাঠানোর সময় HTTP মেথড উল্লেখ করে। | |
min | <input> , <meter> | কোন এইচটিএমএল এলিমেন্টের জন্য সর্বনিম্ন মান নির্দেশ করে। | |
multiple | <input> , <select> | কোন ব্যবহারকারী একাধিক মান প্রবেশ করাতে পারবে তা কি না তা নির্দেশ করে। | |
muted | <video> | এর ফলে ওয়েব পেজে ভিডিওর কোনো অডিও আউটপুট হবে না। | |
name | <button> , <fieldset> , <form> , <iframe> , <input> , <keygen> , <map> , <meta> , <object> , <output> , <param> , <select> , <textarea> | কোন এইচটিএমএল এলিমেন্টের জন্য নাম নির্ধারণ করে। | |
novalidate | <form> | কোন এইচটিএমএল ফরম সাবমিটের সময় তথ্য সমূহের বৈধতা যাচাই করবে কি না তা নির্ধারণ করে। | |
onabort | <audio> , <embed> , <img> , <object> , <video> | লোড হওয়ার পূর্বে থামিয়ে দিলে স্ক্রিপ্টটি কাজ করবে। | |
onafterprint | <body> | কোন ডকুমেন্টটি প্রিন্ট হওয়ার পর স্ক্রিপ্টটি কাজ করবে। | |
onbeforeprint | <body> | ডকুমেন্টটি প্রিন্ট হওয়ার পুর্বেই স্ক্রিপ্টটি কাজ করে। | |
onbeforeunload | <body> | ওয়েব পেজটি রি-লোড বা reload অথবা ক্লোজ বা close করার আগে স্ক্রিপ্টটি কাজ করে। | |
onblur | সকল দৃশ্যমান এলিমেন্ট | কোন এইচটিএমএল এলিমেন্টের উপর থেকে ফোকাস হারালে স্ক্রিপ্টটি কাজ করে। | |
oncanplay | <audio> , <embed> , <object> , <video> | কোন মিডিয়া ফাইল চালানোর জন্য প্রস্তুত হলে স্ক্রিপ্টটি কাজ করে। | |
oncanplaythrough | <audio> , <video> | কোনো অডিও/ভিডিও বন্ধ বা pause অথবা বাফারিং বা buffering করা ছারা সম্পূর্ণ শেষ হলে স্ক্রিপ্টটি কাজ করে। | |
onchange | সকল দৃশ্যমান এলিমেন্ট | কোন এলিমেন্টের মান পরিবর্তন হলে স্ক্রিপ্ট কাজ করে। | |
onclick | সকল দৃশ্যমান এলিমেন্ট | কোন এলিমেন্টে একবার ক্লিক করলে স্ক্রিপ্টটি কাজ করবে। | |
oncontextmenu | সকল দৃশ্যমান এলিমেন্ট | কোন ব্রাউজারে oncontextmenu ট্রিগার হলে অর্থাৎ মাউসের রাইট-বাটন ক্লিক করলে স্ক্রিপ্টটি কাজ করে। | |
oncopy | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্টের কন্টেন্টকে কপি বা copy করা হবে, তখন স্ক্রিপ্টটি কাজ করবে। | |
oncuechange | <track> | যখন একটি <track> এলিমেন্টের সূত্র বা cue পরিবর্তন করা হয় তখন স্ক্রিপ্টটি কাজ করে। | |
oncut | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্টের কন্টেন্টকে কাট বা Cut করা হয় তখন স্ক্রিপ্টটি কাজ করে। | |
ondblclick | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্টে ডাবল-ক্লিক করা হয় তখন স্ক্রিপ্টটি কাজ করে। | |
ondrag | সকল দৃশ্যমান এলিমেন্ট | কোনো এইচটিএমএল এলিমেন্টের ড্রাগ বা drag করার শেষ পর্যায়ে স্ক্রিপ্টটি কাজ করবে। | |
ondragend | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্টে ড্রাগ বা drag করা শেষ হয় তখন স্ক্রিপ্টটি কাজ করে। | |
ondragenter | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্টকে একটি বৈধ ড্রপ বা drop টার্গেট থেকে টেনে আনা হয় তখন স্ক্রিপ্টটি কাজ করে। | |
ondragleave | সকল দৃশ্যমান এলিমেন্ট | যখন কোনো এইচটিএমএল এলিমেন্ট একটি বৈধ ড্রপ বা drop টার্গেট ছেড়ে চলে যায় তখন স্ক্রিপ্টটি কাজ করে। | |
ondragover | সকল দৃশ্যমান এলিমেন্ট | একটি বৈধ ড্রপ বা drop টার্গেটের উপরে একটি এইচটিএমএল এলিমেন্টকে টেনে নিয়ে গেলে স্ক্রিপ্টটি কাজ করে। | |
ondragstart | সকল দৃশ্যমান এলিমেন্ট | কোনো এইচটিএমএল এলিমেন্টকে ড্রাগ বা drag অর্থাৎ টেনে নিয়ে যাওয়া শুরু করলে স্ক্রিপ্টটি কাজ করে। | |
ondrop | সকল দৃশ্যমান এলিমেন্ট | কোন এইচটিএমএল এলিমেন্টকে যখন ড্রাগ বা drag করে ড্রপ বা drop করা হবে তখন স্ক্রিপ্টটি কাজ করে। | |
ondurationchange | <audio> , <video> | যখন কোন মিডিয়ার length পরিবর্তন করা হবে তখন স্ক্রিপ্টটি কাজ করে । | |
onemptied | <audio> , <video> | কোন ভুল অথবা অপ্রত্যাশিত সংযোগ বিচ্ছিন্নতার কারনে ফাইলটি আর পাওয়া না গেলে তখন স্ক্রিপ্টটি কাজ করে। | |
onended | <audio> , <video> | অডিও/ভিডিও ফাইল চলা শেষ হলে স্ক্রিপ্টটি কাজ করে। সাধারনত মিডিয়া শেষে ধন্যবাদ মেসেজ বা পরবর্তী মিডিয়া দেখানোর ক্ষেত্রে ব্যবহার করা হয়। | |
onerror | <audio> , <body> , <embed> , <img> , <object> , <script> , <style> , <video> | কোন ত্রুটি দেখা দিলে স্ক্রিপ্টটি কাজ করে। | |
onfocus | সকল দৃশ্যমান এলিমেন্ট | এইচটিএমএল এলিমেন্টকে ফোকাস করা হলে স্ক্রিপ্টটি কাজ করে। | |
onhashchange | <body> | যখন একটি লিংকের URL অংশের পরিবর্তন করা হয় তখন স্ক্রিপ্টটি কাজ করে। | |
oninput | সকল দৃশ্যমান এলিমেন্ট | ব্যবহারকারী ফরমের ইনপুট ফিল্ডে ক্যারেক্টার ইনপুট করা শুরু করলে স্ক্রিপ্টটি কাজ করে। | |
oninvalid | সকল দৃশ্যমান এলিমেন্ট | যদি কোন এইচটিএমএল এলিমেন্ট Invalid হয় তখন স্ক্রিপ্টটি কাজ করে। | |
onkeydown | সকল দৃশ্যমান এলিমেন্ট | যখন ব্যবহারকারী কম্পিউটার কিবোর্ডের কোন বোতাম বা key চাপ বা press করে ধরে রাখা অবস্থায় স্ক্রিপ্টটি কাজ করবে। | |
onkeypress | সকল দৃশ্যমান এলিমেন্ট | যখন ব্যবহারকারী কম্পিউটার কিবোর্ডের কোন বোতাম বা key চাপ বা press করে তখন স্ক্রিপ্টটি কাজ করে। | |
onkeyup | সকল দৃশ্যমান এলিমেন্ট | যখন ব্যবহারকারী কম্পিউটার কিবোর্ডের কোন বোতাম বা key চাপ বা press করার পর ছেড়ে দেয় তখন স্ক্রিপ্টটি কাজ করবে। | |
onload | <body> , <iframe> , <img> , <input> , <link> , <script> , <style> | কোন এইচটিএমএল এলিমেন্ট সম্পূর্ণ লোড হওয়ার পর স্ক্রিপ্টটি কাজ করে। | |
onloadeddata | <audio> , <video> | মিডিয়া ডাটা সম্পূর্ণ লোড হওয়ার পর স্ক্রিপ্টটি কাজ করে। | |
onloadedmetadata | <audio> , <video> | মেটা ডাটা, যেমন - dimensio, duration ইত্যাদি সম্পূর্ণ লোড হওয়ার পর স্ক্রিপ্টটি কাজ করে। | |
onloadstart | <audio> , <video> | কোন ফাইল লোড হওয়া শুরু করলে স্ক্রিপ্টটি কাজ করে। | |
onmousedown | সকল দৃশ্যমান এলিমেন্ট | যখন একটি এইচটিএমএল এলিমেন্টে মাউস বাটনটি চেপে ধরা হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onmousemove | সকল দৃশ্যমান এলিমেন্ট | যখন একটি এইচটিএমএল এলিমেন্টের উপর মাউসের পয়েন্টারটি নিয়ে ঘুরে বেড়ানো হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onmouseout | সকল দৃশ্যমান এলিমেন্ট | যখন একটি এইচটিএমএল এলিমেন্টের উপর থেকে মাউসের পয়েন্টারটি সরানো হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onmouseover | সকল দৃশ্যমান এলিমেন্ট | যখন কোন এইচটিএমএল এলিমেন্টের উপর মাউসের পয়েন্টারটি রাখা হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onmouseup | সকল দৃশ্যমান এলিমেন্ট | যখন কোন এলিমেন্টের উপর থেকে মাউস বাটনের ক্লিক সরানো হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onmousewheel | সকল দৃশ্যমান এলিমেন্ট | কোন এইচটিএমএল এলিমেন্টের উপর মাউস এর চাকা বা wheel দ্বারা scroll করা হবে, তখন স্ক্রিপ্টটি কাজ করে। | |
onoffline | <body> | যখন ব্রাউজার অফ-লাইনে কাজ করা শুরু করবে তখন স্ক্রিপ্ট কাজ করে। | |
ononline | <body> | যখন ব্রাউজার অন-লাইনে কাজ করা শুরু করে তখন স্ক্রিপ্ট কাজ করে। | |
onpagehide | <body> | ব্যবহারকারী এক ওয়েব পেজ থেকে অন্য ওয়েব পেজে যাওয়ার আগে স্ক্রিপ্ট কাজ করে। | |
onpageshow | <body> | ব্যবহারকারী এক ওয়েব পেজ থেকে অন্য ওয়েব পেজে গেলে স্ক্রিপ্ট কাজ করে। | |
onpaste | সকল দৃশ্যমান এলিমেন্ট | ব্যবহারকারী কোন এইচটিএমএল এলিমেন্টের কিছু কন্টেন্ট পেস্ট বা paste করলে স্ক্রিপ্ট কাজ করে। | |
onpause | <audio> , <video> | ব্যবহারকারী অথবা প্রোগ্রাম দ্বারা মিডিয়া মাঝ পথে থামলে স্ক্রিপ্ট কাজ করে। | |
onplay | <audio> , <video> | যখন মিডিয়া চালু করার জন্য তৈরি হবে তখন স্ক্রিপ্ট কাজ করে। | |
onplaying | <audio> , <video> | যখন মিডিয়া চলতে থাকবে তখন স্ক্রিপ্টটি কাজ করবে। | |
onpopstate | <body> | যখন উইন্ডোজের ইতিহাস বা history পরিবর্তিত হবে তখন স্ক্রিপ্ট কাজ করে। | |
onprogress | <audio> , <video> | যখন ব্রাউজারে মিডিয়া তথ্য পাওয়ার প্রক্রিয়াধীন অবস্থায় থাকে তখন স্ক্রিপ্টটি কাজ করে। | |
onratechange | <audio> , <video> | যতবার অডিও/ভিডিও র চলার গতি পরিবর্তন হবে ততবার স্ক্রিপ্ট কাজ করে। | |
onreset | <form> | যখন ফরমের রিসেট বাটনে ক্লিক করা হবে তখন স্ক্রিপ্ট কাজ করে। | |
onresize | <body> | যখন ব্রাউজার উইন্ডোর আকার পরিবর্তন করা হবে তখন স্ক্রিপ্ট কাজ করে। | |
onscroll | সকল দৃশ্যমান এলিমেন্ট | এইচটিএমএল এলিমেন্টের স্ক্রলবারকে যখন স্ক্রল করা হবে তখন স্ক্রিপ্টটি কাজ করে। | |
onsearch | <input> | যখন ব্যবহারকারী অনুসন্ধানী বক্সে(input="search") কিছু লিখবে তখন স্ক্রিপ্ট কাজ করে। | |
onseeked | <audio> , <video> | যখন কোন অডিও/ভিডিও কে টানা বা seeking করা শেষ হয় তখন স্ক্রিপ্ট কাজ করে। | |
onseeking | <audio> , <video> | যখন কোন অডিও/ভিডিও কে টানা বা seeking করা হয় তখন স্ক্রিপ্ট কাজ করে। | |
onselect | সকল দৃশ্যমান এলিমেন্ট | কোন এইচটিএমএল এলিমেন্ট সিলেক্ট করা হলে স্ক্রিপ্ট কাজ করে। | |
onshow | <menu> | contextmenu তে <menu> এলিমেন্ট প্রদর্শন করতে এই এট্রিবিউট ব্যবহার করা হয়। | |
onstalled | <audio> , <video> | যখন কোন কারনে ব্রাউজার মিডিয়া তথ্য লোড করতে পারে না, তখন স্ক্রিপ্ট কাজ করে। | |
onstorage | <body> | যখন কোন ওয়েব স্টোরেজের এরিয়া আপডেট করা হয় তখন স্ক্রিপ্ট কাজ করে। | |
onsubmit | <form> | এইচটিএমএল ফরম সাবমিট হলে স্ক্রিপ্ট কাজ করে। | |
onsuspend | <audio> , <video> | কোন কারনে মিডিয়ার সম্পূর্ন তথ্য লোড হওয়ার পূর্বেই বন্ধ হয়ে গেলে স্ক্রিপ্ট কাজ করে। | |
ontimeupdate | <audio> , <video> | যখন অডিও/ভিডিও চলার অবস্থান পরিবর্তন হয় তখন স্ক্রিপ্ট কাজ করে। | |
ontoggle | <details> | ব্যবহারকারী <details> এলিমেন্টকে বন্ধ/চালু করে তখন স্ক্রিপ্ট কাজ করে। | |
onunload | <body> | পেজটি রি-লোড অথবা বন্ধ বা close করার সময় স্ক্রিপ্ট কাজ করে। | |
onvolumechange | <audio> , <video> | মিডিয়া ফাইলের যতবার শব্দের উছতা বা volume পরিবর্তন হবে ততবার স্ক্রিপ্ট কাজ করে। | |
onwaiting | <audio> , <video> | যখন কোন মিডিয়া ফাইল বাফারিং অথবা ব্যবহারকারী কর্তৃক পরবর্তীতে চালানোর জন্য বন্ধ বা pause রাখা হয় তখন স্ক্রিপ্ট কাজ করে। | |
onwheel | সকল দৃশ্যমান এলিমেন্ট | যখন কোন এলিমেন্টের উপর মাউসের চাকা বা wheel কে scrool করা হয় তখন স্ক্রিপ্ট কাজ করে। | |
open | <details> | <details> এলিমেন্টের অতিরিক্ত লুকায়িত তথ্য সমূহ পূর্ব-নির্ধারিত বা default ভাবে ব্রাউজারে প্রদর্শিত হয়। | |
optimum | <meter> | কোন হিসাব করার জন্য সর্বোত্তম মানটি কত হবে তা উল্লেখ করে। | |
pattern | <input> | এটা একটি রেগুলার এক্সপ্রেশন, যা ইনপুট ফিল্ডে ইনপুটকৃত মানের জন্য প্যাটার্ন নির্দেশ করে। | |
placeholder | <input> , <textarea> | ব্যবহারকারীকে প্রবেশকৃত তথ্য সম্পর্কে একটি সংক্ষিপ্ত ইঙ্গিত প্রদান করে। | |
poster | <video> | কোন ভিডিও ফাইল চালু করার আগে বা লোড হওয়ার সময় কোন ছবি প্রদর্শন করে। | |
preload | <audio> , <video> | কোন ওয়েব পেজ লোড হওয়ার সাথে সাথে মিডিয়া ফাইলটি লোড হবে কিনা তা নির্ধারণ করে। | |
readonly | <input> , <textarea> | এইচটিএমএল এলিমেন্টটি শুধুমাত্র পড়ার যোগ্য তা নির্দেশ করে। | |
rel | <a> , <area> , <link> | বর্তমান ডকুমেন্টের সাথে লিংক করা ডকুমেন্টের মধ্যে সম্পর্ক নির্দেশ করে। | |
required | <input> , <select> , <textarea> | এইচটিএমএল ফরম সাবমিটের আগে যে এলিমেন্টটি অবশ্যই পূরন করতে হবে তা উল্লেখ করে। | |
reversed | <ol> | অডার্ড লিস্টের তালিকা গুলকে নিম্নক্রমানুসারে সাজায়, যেমন - ৪, ৩, ২, ১ ...) | |
rows | <textarea> | <textarea> এলিমেন্টের মাদ্ধমে প্রদর্শিত লাইনের সংখ্যা নির্দেশ করে। | |
rowspan | <td> , <th> | দুই বা ততোধিক সারিকে একত্রিত করার জন্য ব্যাবহার করা হয়। | |
sandbox | <iframe> | কোন <iframe> এলিমেন্টের কন্টেন্টের জন্য অতিরিক্ত সীমাবদ্ধতা যুক্ত করে। | |
scope | <th> | কোন টেবিলের কলাম/সারি অথবা কলাম/সারি গ্রুপের জন্য কোন শিরোনাম নির্দিষ্ট করে। এই এট্রিবিউটের সাধারণ ওয়েব ব্রাউজারগুলোতে কোন দৃশ্যমান প্রভাব নেই, তবে স্ক্রিন রিডারদের জন্য ব্যবহার করা হয়। | |
scoped | <style> | স্টাইল টি শুধুমাত্র ঐ এলিমেন্টের প্যারেন্ট এলিমেন্ট এবং চাইল্ড এলিমেন্টের জন্য প্রযোজ্য হবে। এই এট্রিবিউট শুধুমাত্র ফায়ারফক্স সমর্থন করে। | |
selected | <option> | <select> এলিমেন্টের ড্রপ-ডাউন লিস্টের কোন অপশনকে আগে থেকে সিলেক্ট করে রাখতে ব্যবহার করা হয়। | |
shape | <area> | কোন <area> এলিমেন্টের আকৃতি নির্দেশ করে। | |
size | <input> , <select> | <input> এলিমেন্টে ইনপুটকৃত অক্ষরের সংখ্যা নির্ধারণ করে এবং <select> এলিমেন্টের ক্ষেত্রে প্রদর্শিত অপশনের সংখ্যা নির্দেশ করে। | |
sizes | <link> | কোন আইকনের আকার নির্দেশ করতে ব্যবহার করা হয়। এটা শুধুমাত্র rel="icon" এট্রিবিউটের সাথে ব্যাবহার করা যায়। | |
span | <col> , <colgroup> | এইচটিএমএল এলিমেন্ট গুলো কতটি কলাম নিয়ে কাজ করবে তা নির্দেশ করে। | |
src | <audio> , <embed> , <iframe> , <img> , <input> , <script> , <source> , <track> , <video> | মিডিয়া এলিমেন্টের জন্য মিডিয়া ফাইল নির্দেশ করে। | |
srcdoc | <iframe> | <iframe> এলিমেন্টে এইচটিএমএল কন্টেন্ট প্রদর্শন করতে ব্যবহার করা হয়। | |
srclang | <track> | কোন অডিও/ভিডিও ট্র্যাকের সাবটাইটেলের ক্ষেত্রে ভাষা নির্দেশ করে। | |
start | <ol> | কোন অর্ডার লিস্টের গণনাকৃত সংখ্যার শুরুর মান নির্দেশ করে। | |
step | <input> | কোন ইনপুট ফিল্ডে নাম্বার টাইপের ক্ষেত্রে দুই সংখ্যার মধ্যবর্তী ব্যবধান নির্দেশ করে। | |
target | <a> , <area> , <base> , <form> | লিংক করা ডকুমেন্ট কোথায় খুলবে অথবা ফরম কোথায় সাবমিট হবে তা নির্দেশ করে। | |
type | <button> , <embed> , <input> , <link> , <menu> , <object> , <script> , <source>, <style> | এইচটিএমএল এলিমেন্ট গুলোর ধরন বা type নির্দেশ করে। | |
usemap | <img> , <object> | কোন ছবি/অবজেক্টকে ইমেজ-ম্যাপ হিসেবে ব্যবহার করতে অর্থাৎ এইচটিএমএল ম্যাপ এলিমেন্টের সাথে সম্পর্ক স্থাপন করতে এট্রিবিউটটি ব্যবহার করা হয়। | |
value | <button> , <input> , <li> , <option> , <progress> , <param> | কোন এইচটিএমএল এলিমেন্টের মা বা value নির্ধারণ করে। | |
widt | <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <video> | কোন এইচটিএমএল এলিমেন্টের প্রস্থ বা width নির্ধারণ করে। | |
wrap | <textarea> | একটি সাবমিট করা ফরমের টেক্সট-এরিয়ায় লেখা কিভাবে প্রদর্শিত হবে তা নির্দেশ করে। |
W3C এর এইচটিএমএল এট্রিবিউট সম্পর্কিত ওয়েব পেজটি দেখতে W3C - Html/Attributes/ Global ওয়েব পেজটি ব্রাউজ করুন।