HTML (HyperText Markup Language) বিভিন্ন ট্যাগ ব্যবহার করে ওয়েবপেজ তৈরি করে। নিচে গুরুত্বপূর্ণ HTML ট্যাগগুলোর তালিকা ও তাদের ব্যাখ্যা দেওয়া হলো:
এইচটিএমএল ট্যাগসমূহের তালিকা ও বর্ণনা
এইচটিএমএল (HTML) ট্যাগগুলি ওয়েব পেজের গঠন এবং বিষয়বস্তু নির্ধারণের জন্য ব্যবহৃত হয়। এখানে কিছু গুরুত্বপূর্ণ এইচটিএমএল ট্যাগ এবং তাদের ব্যবহার সম্পর্কে আলোচনা করা হলো:
মূল কাঠামো ট্যাগ:
* <html>: এটি এইচটিএমএল ডকুমেন্টের মূল উপাদান।
* <head>: এই ট্যাগের মধ্যে ওয়েব পেজের শিরোনাম, স্টাইল, স্ক্রিপ্ট এবং অন্যান্য মেটা ডেটা থাকে।
* <title>: ওয়েব পেজের শিরোনাম নির্ধারণ করে, যা ব্রাউজারের টাইটেল বারে প্রদর্শিত হয়।
* <body>: ওয়েব পেজের প্রধান দৃশ্যমান অংশ, যেখানে সমস্ত বিষয়বস্তু থাকে।
হেডিং ট্যাগ:
* <h1> থেকে <h6>: বিভিন্ন স্তরের হেডিং তৈরি করতে ব্যবহৃত হয়। <h1> সবচেয়ে গুরুত্বপূর্ণ এবং <h6> সবচেয়ে কম গুরুত্বপূর্ণ হেডিং।
প্যারাগ্রাফ ট্যাগ:
* <p>: প্যারাগ্রাফ বা অনুচ্ছেদ তৈরি করতে ব্যবহৃত হয়।
টেক্সট ফরম্যাটিং ট্যাগ:
* <b>: টেক্সট বোল্ড করতে ব্যবহৃত হয়।
* <i>: টেক্সট ইটালিক করতে ব্যবহৃত হয়।
* <u>: টেক্সট আন্ডারলাইন করতে ব্যবহৃত হয় (আধুনিক ওয়েবে এটি সাধারণত নিরুৎসাহিত)।
* <strong>: গুরুত্বপূর্ণ টেক্সট বোঝাতে ব্যবহৃত হয় (বোল্ড হিসেবে প্রদর্শিত হতে পারে)।
* <em>: জোর দেওয়া টেক্সট বোঝাতে ব্যবহৃত হয় (ইটালিক হিসেবে প্রদর্শিত হতে পারে)।
* <small>: ছোট আকারের টেক্সট তৈরি করতে ব্যবহৃত হয়।
* <del>: মুছে ফেলা টেক্সট বোঝাতে ব্যবহৃত হয়।
* <ins>: নতুন যোগ করা টেক্সট বোঝাতে ব্যবহৃত হয়।
* <sub>: সাবস্ক্রিপ্ট টেক্সট তৈরি করতে ব্যবহৃত হয় (যেমন - H₂O)।
* <sup>: সুপারস্ক্রিপ্ট টেক্সট তৈরি করতে ব্যবহৃত হয় (যেমন - x²)।
* <mark>: টেক্সট হাইলাইট করতে ব্যবহৃত হয়।
* <pre>: পূর্ব-ফরম্যাটেড টেক্সট প্রদর্শন করতে ব্যবহৃত হয় (স্পেস এবং লাইন ব্রেক সহ)।
* <code>: কোড প্রদর্শন করতে ব্যবহৃত হয়।
* <kbd>: কীবোর্ড ইনপুট বোঝাতে ব্যবহৃত হয়।
* <samp>: নমুনা আউটপুট বোঝাতে ব্যবহৃত হয়।
* <var>: ভেরিয়েবল বোঝাতে ব্যবহৃত হয়।
লিংক ট্যাগ:
* <a>: অন্য ওয়েব পেজ বা রিসোর্সের সাথে লিংক তৈরি করতে ব্যবহৃত হয়।
ইমেজ ট্যাগ:
* <img>: ওয়েব পেজে ছবি যোগ করতে ব্যবহৃত হয়।
লিস্ট ট্যাগ:
* <ul>: আনঅর্ডারড লিস্ট (বুলেট লিস্ট) তৈরি করতে ব্যবহৃত হয়।
* <ol>: অর্ডারড লিস্ট (নাম্বার লিস্ট) তৈরি করতে ব্যবহৃত হয়।
* <li>: লিস্টের প্রতিটি আইটেম বোঝাতে ব্যবহৃত হয়।
* <dl>: ডেফিনেশন লিস্ট তৈরি করতে ব্যবহৃত হয়।
* <dt>: ডেফিনেশন লিস্টের টার্ম বোঝাতে ব্যবহৃত হয়।
* <dd>: ডেফিনেশন লিস্টের বর্ণনা বোঝাতে ব্যবহৃত হয়।
টেবিল ট্যাগ:
* <table>: টেবিল তৈরি করতে ব্যবহৃত হয়।
* <tr>: টেবিলের সারি বোঝাতে ব্যবহৃত হয়।
* <th>: টেবিলের হেডার সেল বোঝাতে ব্যবহৃত হয়।
* <td>: টেবিলের ডেটা সেল বোঝাতে ব্যবহৃত হয়।
* <caption>: টেবিলের ক্যাপশন বোঝাতে ব্যবহৃত হয়।
ফর্ম ট্যাগ:
* <form>: ব্যবহারকারীর কাছ থেকে ইনপুট নেওয়ার জন্য ফর্ম তৈরি করতে ব্যবহৃত হয়।
* <input>: বিভিন্ন ধরনের ইনপুট ফিল্ড তৈরি করতে ব্যবহৃত হয় (যেমন - টেক্সট, পাসওয়ার্ড, ইমেল)।
* <textarea>: মাল্টিলাইন টেক্সট ইনপুট ফিল্ড তৈরি করতে ব্যবহৃত হয়।
* <button>: বাটন তৈরি করতে ব্যবহৃত হয়।
* <select>: ড্রপডাউন লিস্ট তৈরি করতে ব্যবহৃত হয়।
* <option>: ড্রপডাউন লিস্টের অপশন বোঝাতে ব্যবহৃত হয়।
* <label>: ইনপুট ফিল্ডের লেবেল তৈরি করতে ব্যবহৃত হয়।
* <fieldset>: ফর্মের উপাদানগুলোকে গ্রুপ করতে ব্যবহৃত হয়।
* <legend>: ফিল্ডসেটের ক্যাপশন বোঝাতে ব্যবহৃত হয়।
ডিভিশন এবং স্প্যান ট্যাগ:
* <div>: ডিভিশন বা ব্লক তৈরি করতে ব্যবহৃত হয়।
* <span>: ইনলাইন এলিমেন্ট তৈরি করতে ব্যবহৃত হয়।
অন্যান্য গুরুত্বপূর্ণ ট্যাগ:
* <article>: স্বয়ংসম্পূর্ণ এবং স্বতন্ত্র বিষয়বস্তু বোঝাতে ব্যবহৃত হয় (যেমন - ব্লগ পোস্ট)।
* <aside>: প্রধান বিষয়বস্তুর সাথে সম্পর্কিত কিন্তু আলাদা বিষয়বস্তু বোঝাতে ব্যবহৃত হয় (যেমন - সাইডবার)।
* <nav>: নেভিগেশন লিংকের জন্য ব্যবহৃত হয়।
* <section>: ওয়েব পেজের বিভিন্ন সেকশন বোঝাতে ব্যবহৃত হয়।
* <header>: হেডার অংশ বোঝাতে ব্যবহৃত হয়।
* <footer>: ফুটার অংশ বোঝাতে ব্যবহৃত হয়।
* <address>: যোগাযোগের ঠিকানা বোঝাতে ব্যবহৃত হয়।
* <cite>: কোনো কাজের শিরোনাম বোঝাতে ব্যবহৃত হয় (যেমন - বই, প্রবন্ধ)।
* <dfn>: কোনো শব্দের সংজ্ঞা বোঝাতে ব্যবহৃত হয়।
* <abbr>: কোনো সংক্ষিপ্ত রূপ বোঝাতে ব্যবহৃত হয়।
* <bdo>: টেক্সটের দিক পরিবর্তন করতে ব্যবহৃত হয়।
* <q>: উদ্ধৃতি বোঝাতে ব্যবহৃত হয়।
* <blockquote>: দীর্ঘ উদ্ধৃতি বোঝাতে ব্যবহৃত হয়।
* <time>: তারিখ এবং সময় বোঝাতে ব্যবহৃত হয়।
* <meter>: গেজ বা পরিমাপ বোঝাতে ব্যবহৃত হয়।
* <progress>:Progress bar তৈরি করতে ব্যবহৃত হয়।
* <details>: অতিরিক্ত তথ্য দেখাতে বা লুকাতে ব্যবহৃত হয়।
* <summary>: <details> ট্যাগের শিরোনাম বোঝাতে ব্যবহৃত হয়।
* <ruby>: রুবি annotation (যেমন - জাপানিজ ভাষায়) ব্যবহার করতে ব্যবহৃত হয়।
* <rt>: রুবি annotation এর উচ্চারণ বোঝাতে ব্যবহৃত হয়।
* <rp>: রুবি annotation সাপোর্ট না করলে কি দেখাতে হবে তা বোঝাতে ব্যবহৃত হয়।
* <bdi>: বাইডিরেকশনাল আইসোলেশন বোঝাতে ব্যবহৃত হয়।
* <wbr>: ওয়ার্ড ব্রেক করার সুযোগ বোঝাতে ব্যবহৃত হয়।
* <picture>: বিভিন্ন ইমেজ ফরম্যাট সাপোর্ট করার জন্য ব্যবহৃত হয়।
* <source>: <picture> ট্যাগের মধ্যে বিভিন্ন ইমেজ সোর্স বোঝাতে ব্যবহৃত হয়।
* <canvas>: গ্রাফিক্স আঁকার জন্য ব্যবহৃত হয় (জাভাস্ক্রিপ্ট এর সাথে)।
* <svg>: স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) ব্যবহার করতে ব্যবহৃত হয়।
* <video>: ভিডিও যোগ করতে ব্যবহৃত হয়।
* <audio>: অডিও যোগ করতে ব্যবহৃত হয়।
* <track>: ভিডিও বা অডিও এর জন্য টেক্সট ট্র্যাক ব্যবহার করতে ব্যবহৃত হয় (যেমন - সাবটাইটেল)।
* <embed>: অন্য কোনো অ্যাপ্লিকেশন বা প্লাগইন এম্বেড করতে ব্যবহৃত হয়।
* <object>: অন্য কোনো অবজেক্ট এম্বেড করতে ব্যবহৃত হয়।
* <iframe>: অন্য একটি এইচটিএমএল ডকুমেন্ট এম্বেড করতে ব্যবহৃত হয়।
এই তালিকাটি এইচটিএমএল-এর সবচেয়ে বহুল ব্যবহৃত ট্যাগগুলির মধ্যে কয়েকটি। এছাড়াও আরও অনেক ট্যাগ রয়েছে এবং প্রতিটি ট্যাগের নিজস্ব বৈশিষ্ট্য এবং ব্যবহার রয়েছে। ওয়েব ডেভেলপমেন্টের জন্য, এই ট্যাগগুলির সম্পর্কে জ্ঞান থাকা অত্যন্ত গুরুত্বপূর্ণ।
