How to HTML Tag – HTML প্রোগ্রামের মধ্যে খুবই গুরত্ব পুণ দুইটি টেগ <> এবং </> দুইটা চিহৃ কে ট্যাগ বলা হয়। এবং এই ট্যাগের মাঝখানে যেসব Word বা শব্দ ব্যবহার করা হয় এই গুলোকে Keyword বলে।
যেমন- <HTML> দুই পাশে যে চিহ্ন ব্যবহার করা হয়েছে এইটিই হলো ট্যাগ আর মাঝে যে Word টি ব্যবহার করা হয়েছে এটিই হচ্ছে Keyword.
(১) “<>” এই ট্যাগ কে শুর ট্যাগ বা Start Tag বলা হয়।
(২) “</> এই ট্যাগ বলা হয় শেষ বা End Tag বলা হয়ে থাকে।
কিছু ট্যাগের শুরু এবং শেষ ট্যাগ আছে এবং কিছু ট্যাগের শুরু আছে শেষ চিহ্ন নেই।
যে সব ট্যাগের শুরু এবং শেষ আছে সেগুলোর কিছু উদাহরণ দেওয়া হলোঃ
<HTML> </HTML>
<Head> </Head>
<Title> </Title>
ইত্যাদি.
কিছু কিছু ট্যাগ আছে যার শেষ ট্যাগ নেই
যেমন ইনপুট ট্যাগ (<input type=”text” name=”name”>), Image Tag ( <img src=”url”>), Line Brack Tag ( <br>
HTML Tag সমুহকে দুই ভাগে বিভস্ত করা হয়।
১। কন্টেইনার ট্যাগ
২। এম্পটি ট্যাগ
1. HTML Container Tag কি?
উত্তর- যে সব ট্যাগের মাঝে কিছু কন্টেন রেখে তা শেষ করা হয় তাহাকেই কন্টেইনার ট্যাগ বলা হয়। যেমন একটি প্যারাগ্রাফ লিখতে আপনাকে অনেক লেখা লিখতে হয় এবং এই লেখা গুলোকে কন্টেইনার বলা হয়। <p> প্যারাগ্রাফ শুরু এবং এই প্যারাগ্রাফ শেষ করতে যে চিহ্ন ব্যবহার করা হয় তাই হচ্ছে শেষ <p/>
2. HTML Empty Tag কি?
যে ট্যাগ গুলোর শুরু এবং শেষ একট্যাগেই শেষ শেই ট্যাগ গুলো কে শেষ ট্যাগ বা ইম্পটি ট্যাগ বলা হয়ে থাকে। যেমন <br> এবং এটাকে ভিন্ন ভাবেও আমরা লিখতে পারি <br/>
HTML Tag 13 টি ভাগে বিভক্ত করা হলো বুঝার শুবিধাথে
১. সাধারণ ট্যাগ
২. ফরমেটিং ট্যাগ
৩. ইনপুট ট্যাগ
৪. অডিও এবং ভিডিও ট্যাগ
৫. ফ্রেম ট্যাগ
৬. ছবি ট্যাগ
৭. হাইপারলিং ট্যাগ
৮. লিস্ট ট্যাগ
৯. টেবিল ট্যাগ
১০. স্টাইল ট্যাগ
১১. প্রোগ্রামিং ট্যাগ
১২. মেটা ট্যাগ
১৩. অন্যান্য ফাইল লিং করা ট্যাগ
১৪. HTML5 Not Supported Tag.
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <!DOCTYPE> | ডকুমেন্টের ধরণ নির্দেশ করে |
| 2. | <HTML> | HTML ধরণ নির্দেশ করে |
| 3. | <head> | হেড ট্যাগের ভেতরে টাইটেল, লিং মেটাট্যাগ এবং ডকুমেন্টের বিভন্ন তথ্যাদি দেওয়া থাকে। |
| 4. | <title> | Title বা শিরনাম নির্দেশ করে। |
| 5. | <body> | পাতার মাঝ খানটাকে বোঝানো হয়েছে। |
| 6. | <h1> or <h6> | হেড লাইন কে নির্দেশ করে |
| 7. | <p> | প্রাগ্রাফ কে বুঝানো হয়। |
| 8. | <br> | নতুন লাইন তৈরী করে |
| 9. | <hr> | হরিজেন্টাল লাইন নির্দেশ করে |
| 10. | <!—-> | এইটি কোর্ডের সুবিধার্থে ব্যবহার করা হয়। চিহ্ন হিসাবে ব্যবহার করা হয়। |
২. HTML ফরমেটিং ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <abbr> | সংক্ষিপ্ত আকারে ব্যবহার করা হয়। |
| 2. | <adress> | ঠিকার জন্য ব্যবহার করা হয়। |
| 3. | <b> | লেখাকে বল্ড করা জন্য বা হাইলাইট করার জন্য ব্যবহার করা হয়। |
| 4. | <bdo> | অভার রাইট করা লেখাকে অভার রাইট করা |
| 5. | <blockquote> | অন্য কারো খথাকে (উক্তি) চিহ্নিত করার জন্য। |
| 6. | <cite> | টাইটেল প্রকাশ করে। |
| 7. | <code> | বিভিন্ন কোডকে আলাদা ভাবে প্রকাশ করা। |
| 8. | <del> | Delate বা বাতিল চিহ্ন ব্যবহার করা যেমন এইলেখার উপরের দাড়ি |
| 9. | <dfn> | কন্টেনের সাথে যুক্ত করা |
| 10. | <em> | কন্টেনকে এম্ফাসাইজ করা |
| 11. | <i> | কোন লেখাকে ইতালি করা বা একটু বাকা করে লেখা। |
| 12. | <ins> | ইনসারট করা বুঝান হয়। |
| 13. | <kbd> | কী বোর্ডের ইনপুট আলাদা করা। |
| 14. | <Mark> | কোন লেখাকে আলাদা ভাবে হাইলাইট করা। |
| 15. | <meter> | স্কেলির পরিমাপকে বুঝান হয় |
| 16. | <pre> | ওয়েব সাইটের কোড গুলোকে উপরে দেখানোর জন্য ব্যবহার করা হয়। |
| 17. | <progress> | টাস্কের গতি দেখানোর জন্য ব্যবহার করা হয় |
| 18. | <q> | ছোট উক্তি বোঝানো হয়ে থাকে |
| 19. | <rp> | ব্রাউজারে কোন কিছু সাপট না করেলে অন্য কি শো হবে তা ব্যবহার করে থাকে |
| 20. | <rt> | শব্দের ব্যখ্যা |
| 21. | <ruby> | পূর্ব এশীয় টাইফোগ্রাফি |
| 22. | <s> | ভূল হলে ব্যবহার করা হয়। |
| 23. | <samp> | স্যাম্পল আউটপুর এ ব্যবহার করা হয়। |
| 24. | <small> | ছোট বর্ণের জন্য ব্যবহার করা হয় |
| 25. | <strong> | গুরুত্বপুণ টেক্স |
| 26. | <sub> | পানির সংকেত বঝানোর জন্য ব্যবহার করা হয় যেমন O2 |
| 27. | <sup> | A2 এই চিহ্নকে বুঝান হয় |
| 28. | <template> | ওয়েব সাইটের কোন সাজানো একটি পেজ |
| 29. | <time> | তারিখ এবং সময় ক্ষেত্রে ব্যবহার করা হয়। |
| 30. | <u> | আন্ডারলাইন |
| 31. | <var> | ভেরিয়েবল নির্দেশ করে |
| 32. | <wbr> | লাইন ব্রেক বুঝায় |
৩. ইনপুট ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <form> | ফর্ম বুঝায় |
| 2. | <input> | ইনপুর কন্টোল |
| 3. | <output> | কোন কাজ আউটপুটে প্রকাশ করে |
| 4. | <option> | ড্রপডাউন মেনুর অপশনকে বুঝান হয় |
| 5. | <optgroup> | এইধরনের অপশনকে বুঝান হয়েছে |
| 6. | <label> | স্তর বা ভাগ করে দেওয়া |
| 7. | <button> | ওয়েব সাইটে ক্লিক করে কোন কাজ সম্পাদন বা দেখা যায় এমন ক্ষেত্রে বাটন ব্যবহার করা হয়। |
| 8. | <textarea> | কোন লেখার স্থানকে এরিয়া আকারে বুঝানোর জন্য ব্যবহার করা হয় |
| 9. | <select> | কোন কিছুকে সিলেট করা |
| 10. | <fieldset> | একই গ্রুপ সম্পর্কিত তথ্যাদি একটি বর্ডারে রাখা |
| 11. | <legend> | নাম উল্লেখ করতে ব্যবহার করা হয়। |
৪. অডিও এবং ভিডিও ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <video> | ভিডিও ফাইল যুক্ত করা |
| 2. | <audio> | অডিও ফাইল যুক্ত করা |
| 3. | <source> | লিং বা একাধিক রিসোর্স ব্যবহারে বুঝায় |
৫. ফ্রেম ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <iframe> | কোন অডিও বা ভিডিও ফ্রেম আকারে বা ছোট ছোট করে সাজানোকে ফ্রেম বলা হয়। |
৬. ছবি ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <img> | ছবি যুক্ত করতে ব্যবহার করা হয় |
| 2. | <figure> | সেলফ কন্টেন্ট আলাদা করে ব্যবহার করতে বোঝায় |
| 3. | <picture> | একাধিক ইমেজ এক সাথে ব্যবহার করতে বোঝায় |
| 4. | <svg> | SVG ফরমেট যুক্ত করে বা ছবি যুক্ত করা |
| 5. | <figcaption> | ফিগারের ক্যাপশন ব্যবহার করা |
৭. হাইপারলিং ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <a> | হাইপার লিং নির্দেশ করে/ লিং ক্লিক করে ঐ স্থানে এক ক্লিকে প্রবেশ করা বোঝায় |
| 2. | <link> | একটি ডকুমেন্টের সাথে আরেকটি ডকুমেন্ট যুক্ত করতে ব্যবহার করা হয় |
| 3. | <nav> | ন্যাভিগেশন লিং বুঝানো হয়। |
৮. লিস্ট ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <ul> | আন অর্ডার লিস্ট শুরু করে সিম্বল দিয়ে বোঝান |
| 2. | <ol> | অর্ডার লিস্ট সংখ্যা দ্বারা বোঝান হয় |
| 3. | <li> | লিস্ট আকারে বোঝানে হয় |
| 4. | <dl> | বর্ণনা আকারে বোঝানো হয় |
| 5. | <dt> | বর্ণনায় নাম দিয়ে বোঝানো হয়। |
| 6. | <dd> | বর্ণনায় নামে বর্ণনা দিতে হয়। |
৯. টেবিল ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <table> | টেবিল নের্দেশ করে |
| 2. | <caption> | টেবিলে ক্যাপশন ব্যবহার করা হয় |
| 3. | <th> | টেবিল হেডার ব্যবহার করে |
| 4. | <tr> | টেবিল রো বা সারিতে ব্যবহার করে |
| 5. | <td> | টেবিল ডেটা ব্যবহার করে |
| 6. | <thead> | টেবিলের হেডারের কন্টেন্ট |
| 7. | <tfoot> | ফুটার কন্টেন্ট |
| 8. | <col> | কলাম |
১০. স্টাইল ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <style> | সি এস কোড যুক্ত করতে ব্যবহার করা হয় বা ডিজাইন করতে ব্যবহা হয় |
| 2. | <div> | একটি আলাদা সেকশন বুঝায় |
| 3. | <span> | একটি আলাদা সেকশন বুঝায় |
| 4. | <header> | ডকুমেন্টের উপরের অংশকে বুঝানো হয় |
| 5. | <footer> | ডকুমেন্টের নিচের অংশকে বুঝায় |
| 6. | <main> | মুল কন্টেন্টর অংশকে বুঝানো হয় |
| 7. | <section> | ডিভ এর মতো |
| 8. | <article> | লেখার অংশগুলোকে বুঝানো হয়। |
১১. প্রোগ্রামিং ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <script> | জাভাস্কিপ্ট ফাংশন যোগ করতে বোঝায় |
| 2. | <noscript> | জাভাস্ক্রিপ্ট সাপপোট না করলে তার ব্যাকআপ কে বোঝানো হয় |
| 3. | <embed> | HTML না এমন ডকুমেন্ট যোগ করা বোঝায়। |
১২. মেটা ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <meta> | বর্ণনা সহ অন্যান্য মেটা ডেটা যুক্ত করা |
| 2. | <base> | মুল লিংকে আলাদা করে ফেলা |
১৩. অন্যান্য ফাইল লিং করা ট্যাগ
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <link> | CSS ফাউল যুক্ত করতে ব্যবহার হয় |
| 2. | <script> | Js ফাইল যুক্ত করতে ব্যবহার হয় |
১৪. HTML5 Not Supported Tag
| ক্রমিক নং | Tag | বর্ণনা |
| 1. | <applet> | এম্বেডেড এপলেটকে বুঝায় |
| 2. | <basefont> | ডিফল্ট কিছু ব্যাপারে সেট করতে বোঝায় |
| 3. | <dir> | ডিরেক্টরি লিস্ট ডিফাইন করে |
| 4. | <frame> | ফ্রেম সেট নির্দেশ করে |
| 5. | <strike> | কেটে দেওয়া হয়েছে এমন দাগ ব্যবহার |
| 6. | <center> | কোন লেখাকে মধ্যে খানে রাখতে |
| 7. | <big> | লেকাবে বড় করতে |
এখানে অনেক কিছু নিয়ে আলোচনা করা হয়েছে। তার মধ্যে বেশি দোরকারী যেগুলো বা বেশি বেশি ব্যবহার যে ট্যাগ গুলো সেগুলো নিয়ে আলোচনা করা হয়েছে। বিস্তারিত জানতে এই লিংক যেতে পারেন
ওয়েব সাইটের কাজ শিখতে হলে ধজ্য লাগে বেশি সময় দিতে হয় বেশি এই কাজটি খুবই কষ্টকর যাহারা দিঘ্যদিন যাব্য ধরে থাকে তাহারাই এর ফল পায় নয়ত বা সম্ভব নয়।
HTML বিস্তারিত জানতে আমাদের এই পেজটি ভিজিট করুন
যোদি কোন ভুল ত্রুটি হয়ে থাকে নিচে কমেন্টে যানাবেন সংসধন করতে সচেষ্ট থাকিব।
