Important HTML Tag List:

Important HTML Tag List:

     Important HTML Tag List:

    1. <html>: This tag defines the root of an HTML document.

    2. <head>: Contains metadata about the HTML document, such as the title, character encoding, and linked stylesheets.

    3. <title>: Sets the title of the web page, which appears in the browser's title bar or tab.

    4. <meta>: Provides metadata about the HTML document, including character encoding and viewport settings.

    5. <link>: Links external resources like stylesheets and icons to the HTML document.

    6. <style>: Defines inline CSS styles for the document.

    7. <script>: Embeds JavaScript code or links to external JavaScript files.

    8. <body>: Contains the visible content of the web page, including text, images, and other elements.

    9. <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Define headings of various levels, with <h1> being the highest level and <h6> the lowest.

    10. <p>: Represents a paragraph of text.

    11. <a>: Creates hyperlinks to other web pages or resources.

    12. <img>: Embeds images on the web page.

    13. <ul> and <ol>: Create unordered and ordered lists, respectively.

    14. <li>: Defines list items within <ul> and <ol> elements.

    15. <div>: A generic container for grouping and styling elements.

    16. <span>: A generic inline container for styling text or inline elements

    17. <br> – লাইন ব্রেক করার ক্ষেত্রে ব্যবহার করা হয়

    18. <hr> – Horizental লাইন তৈরি করার জন্য তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    19. <img> – ছবি ‍যুক্ত করার জন্য তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    20. <form> – ফর্ম এর ইনপুট ফিল্ড নেওয়ার জন্য তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    21. <select> – ডিপার্টমেন্ট সিলেকশন এর জন্য তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    22. <b>….</b>  – টেক্সটকে বোল্ড করার জন্য

    23. <em>….</em> – টেক্সটকে emphasized করার জন্য

    24. <i>….</i> – কোনো টেক্সটকে italic করার জন্য

    25. <small>…</small> – কোনো টেক্সটকে ছোট করার জন্য

    26. <big>…</big> – টেক্সটকে বড় করার জন্য

    27. <blink>….</blink> – টেক্সটকে একবার প্রদর্শন করবে আবার করবেনা

    28. <blockquote>… </blockquote> – বিশেষ উক্তি প্রকাশ করার জন্য

    29. <strike>…. </strike> – টেক্সটের মাঝে কাটা দাগ দিতে

    30. <del>….</del> =টেক্সটের মাঝে কাটা দাগ দিতে

    31. <strong>…</strong> – টেক্সটকে বোল্ড করার জন্য

    32. <a>….</a> – এটি একটি এঙ্কর ট্যাগ যা লিঙ্ক তৈরির ক্ষেত্রে ব্যবহার করা হয়

    33. <img>…</img> – ছবি সংযুক্ত করতে ব্যবহার করা হয়

    34. <abbr>….</abbr> – সংক্ষিপ্ত শব্দের ক্ষেত্রে ব্যবহার করা হয়

    35. <samp>….</samp> – কোনো বিষয়কে নমুনা হিসেবে দেখাতে

    36. <code>….</code> – কোনো বিশেষ বাক্যকে Fixed-Width ফরমেটে লিখতে ব্যবহার করতে হয়

    37. <form>….</form> – যেকোনো ফর্ম তৈরি করার জন্য

    38. <h1>…….</h1>. <h6>….</h6> – এটি দ্বারা শিরোনাম (Heading) নির্দেশ করে। এটি h1 থেকে h6 পর্যন্ত রয়েছে

    39. <table>….</table> – টেবিল তৈরি করার ক্ষেত্রে ব্যবহার করা হয় … Division তৈরিতে  এই  ট্যাগ  ব্যবহার করা হয়

    40. <rowspan>….</rowspan> – যেকোনো রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    41. <colspan>….</colspan> – যেকোনো কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    42. <tr>….</tr> – টেবিলের  রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    43. <td>….</td> – টেবিলের সেল তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    44. <th>….</th> – টেবিলের হেডিং বা শিরোনাম  তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    45. <hr/> –  ভূমির সমান্তরাল রেখা  তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    46. <input>….</input> – যেকোনো ধরনের ইনপুট ফিল্ড তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    47. <list>……</list> – লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    48. <ol>….</ol> – অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    49. <ul>….</ul> – আন অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    50. <u>….</u> – আন্ডার লাইন করার ক্ষেত্রে ব্যবহার করা হয়

    51. <sub>….</sub> – কোনো টেক্সটকে একটু নিচে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয়

    52. <sup>………</sup> – কোনো টেক্সটকে একটু উপরে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয় ……কোনো ওয়েব পেজকে ফ্রেমের মধ্যে রাখতে ব্যবহার করা হয়

    53. <p>……</p> – প্যা রাগ্রাফ তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    54. <style>……</style> – ওয়েব পেজকে স্টাইল করতে ব্যবহার করা হয়

    55. <font>….</font> – ফন্টের সাইজ ও  কালার নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয়

    56. <marquee>……</marquee> – চলমান লিখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    57. <pre>….</pre> – একপাশে কবিতার মত লাইন তৈরি করার ক্ষেত্রে ব্যবহার করা হয়

    HTML Tag List

    এইচটিএমএল বলতে এখন HTML5 কে ই বঝায়।  এর প্রতিটি ট্যাগ নিচের দিকে দেখানো হল। বাম পাশে এইচটিএমএল ট্যাগ লিস্ট দেয়া আছে এবং লিংক করা আছে, ক্লিক করলেই সেই ট্যাগের বিস্তারিত পেয়ে যাবেন । আর ডান পাশে দেয়া আছে এইচটিএমএল ট্যাগ লিস্ট  গুলোর সংক্ষিপ্ত বর্ননা

     

    Tag

    Description



    <!DOCTYPE>


    <a>

    একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে <a> tag এর মূল কাজ। anchor থেকে এসেছে a tag.

    <abbr>

    এই ট্যাগটি কোন সংক্ষিপ্ত ওয়ার্ডের ক্ষেত্রে ব্যবহার হয়ে থাকে । abbreviation থেকে এসেছে abbr tag

    <address>

    এই ট্যাগটি কোন তথ্য বা নথির যোগযোগের ক্ষেত্রে ব্যবহার হয়ে থাকে। ঠিকানা লিখতেও ব্যবহার করা হয়

    <area>

    এই ট্যাগটি একটি চিত্র-মানচিত্রের ভিতরে একটি এলাকা নির্ধারণ করার ক্ষেত্রে ব্যবহার হয়ে থাকে।

    <article>

    সংজ্ঞা বা প্রবন্ধ লেখার ক্ষেত্রে ব্যবহার হয়।

    <aside>

    artilce এর সাথে সম্পর্ক যুক্ত বিষয় গুলো একটু সাইডে লেখার জন্য এই ট্যাগ ব্যবহার হয়ে থাকে।

    <audio>

    ব্রাউজারে অডিও প্রর্দশনের জন্য অডিও ট্যাগ ব্যবহার করা হয়ে থাকে।

    <b>

    কোন লেখা গাঢ় (বোল্ড) করে দেখানোর জন্য <b> ট্যাগ ব্যবহার করা হয়।

    <base>

    একটি ডকুমেন্টের সমস্ত ইউআরএলগুলির জন্য মূল URL / টার্গেট উল্লেখ করে থাকে।

    <bdi>

    এই ট্যাগ পাঠ্যের একটি অংশকে বিচ্ছিন্ন করে যা এটির বাইরে অন্য পাঠ্যের একটি ভিন্ন দিক থেকে ফোরমেট করা থাকে।

    <bdo>

    এইটি ব্যবহারে পাঠ্যর দিক নির্দেশিকা করে থাকে।

    <blockquote>

    একটি বিভাগ নির্ধারণ করার জন্য। কারো কোটেশন লেখবার জন্য ও ব্যবহার হয়

    <body>

    <body> ট্যাগের ভিতরেই সব ট্যাগ ব্যবহার করা হয়।

    <br>

    লাইন ব্রেক করার জন্য ব্যবহার হয়।  

    <button>

    এইটি হচ্ছে ক্লিক বাটন ট্যাগ।

    <caption>

    একটি সারির ক্যাপশন নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয়।

    <cite>

    কাজের হেডিং এর জন্য ব্যবহার হয়ে থাকে।

    <code>

    কোড গুলকে কোড এর মত করে লেখার জন্য ব্যবহার হয়।

    <col>

    যে কোন কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে।

    <colgroup>

    কলাম গ্রুপ তৈরি করার ক্ষেত্রে ব্যবহার হয়ে থাকে।

    <datalist>

    কোন তালিকা তৈরি করার জন্য ব্যবহার হয়ে থাকে ।

    <dd>

    একটি বিবরণ তালিকাতে থেকে একটি শব্দ আলাদা করে।

    <del>

    একটি টেক্সটের মাঝ খানে কাটা দাগ দেওয়ার জন্য ব্যবহার হয়ে থাকে।

    <details>

    যেকোন ডকুমেন্ট ওয়েবপেজ লুকিয়ে রাখতে পারবেন।

    <dialog>

    ডায়লগ বাক্স বা উইন্ডো নির্ধারণ করে থাকে।

    <div>

    HTML এর ভিতরে <div> ট্যাগ ব্যবহার করে যে section (খন্ড) তৈরি করা হয়ে থাকে। division থেকে এসেছে

    <dl>

    এইটি ব্যবহার করে বিবরণ বা তালিকা নির্ধারণ করা হয়ে থাকে।

    <dt>

    টিম/নাম এর বিবরণ লিস্ট তৈরি করা হয়ে থাকে।

    <em>

    টেক্সট ছোট করা হয়ে থাকে।

    <figcaption>

    ছবি নির্বাচনের ক্ষেত্রে এই ট্যাগ ব্যবহার হয়ে থাকে।

    <figure>

    এইটি ডিজাইন সামগ্রী উল্লেখ করে।

    <footer>

    html কোডে শেষের দিকে ব্যবহার হয়ে থাকে।

    <form>

    html এ যেকোন ধরনের ফর্ম তৈরির জন্য ব্যবহার হয়ে থাকে।

    <h1> to <h6>

    html এ ছয় ধরনের হেডিং ট্যাগ রয়েছে। শিরোনাম বা হেডিং এর আকার বড় ফন্টের জন্য ব্যবহার করা হয়ে থাকে।

    <header>

    একটি ডকুমেন্ট বা বিভাগের জন্য একটি হেডার নির্ধারণ করা হয়ে থাকে।

    <hr>

    কোন ডকুমেন্টের নিচে লাইন দেওয়ার জন্য ব্যবহার করা হয়। horizontal line

    <html>

    এইচটিএমএল ডকুমেন্টকে বুঝানোর জন্য ব্যবহার হয়। <!doctype html> এর ঠিক পরেই বসে এবং html tag এর ভিতর বাকি সব ট্যাগ বসে।

    <i>

    ব্যবহার করে কোন টেক্সটকে italic করা যায়।

    <iframe>

    কোন ওয়েবপেজকে অন্য ওয়েব পেজ এ দেখানর জন্য ব্যবহার করা হয়

    <img>

    ওয়েবপেজ এ ছবি অ্যাড করা।

    <ins>

    ডকুমেন্টকে নিচের আন্ডার লাইন দেওয়া।

    <label>

    এই ট্যাগটি input এর সাথে ব্যবহার হয়।

    <legend>

    ফর্মে বোডার বসানোর কাজে ব্যবহার হয়।

    <li>

    লিস্ট আইটেম। ul বা ol এর ভিতর বসে

    <link>

    একটি পেজের সাথে আরও একটি পেজে <link> এর মাধ্যে লিংক করা হয়ে থাকে। তবে external CSS file add করার জন্য বেশি ব্যবহার হয়।

    <main>

    একটি ডকুমেন্টকে প্রধান করা।

    <map>

    একটি ক্লায়েন্ট সাইটে মানচিত্র বসানোর কাজে ব্যবহার করা।

    <mark>

    কোন লেখা মার্ক করা।

    <menu>

    কমান্ডের একটি তালিকা বা মেনু নির্ধারণ করা।

    <nav>

    ন্যাভিগেশন লিংকগুলি নির্ধারণ করে.

    <object>

    একটি বস্তুকে নির্ধারন করে থাকে।

    <ol>

    অডারড লিস্ট Ordered List বা নাম্বার লিস্ট

    <option>

    drop-down লিস্ট তৈরি করতে ব্যবহার করা হয়।

    <output>

    এর মাধ্যেমে গণনার ফলাফল বের করা হয়।

    <p>

    কোন ডকুমেন্ট প্যারাগাফ আকারে লেখার জন্য

    <param>

    অডিও, ভিডিও অটোপ্লে করা যায়।

    <picture>

    ওয়েবপেজ পিকচার অ্যাড করা যায়।

    <pre>

    এই ট্যাগের সুবিধা হল এইচটিএমএল এ কোডিং এর যেভাবে আমরা লাইন ব্রেক, স্পেস ব্যবহার করা হয়। ঠিক সে ভাবেই ব্রাউজারে প্রর্দিশিত হয়। preformeted text

    <progress>

    একটি টাস্ককে অগ্রগতি প্রতিনিধিত্ব করে থাকে।

    <q>

    শর্ট প্রশ্নর ক্ষেত্রে ব্যবহার হয়ে থাকে।

    <script>

    একটি ক্লায়েন্ট-সাইড স্ক্রিপ্ট নির্ধারণ করে থাকে। জাভা স্ক্রিপ্ট লিখতে ব্যবহার হয়

    <select>

    ড্রপ-ডাউন লিস্ট ক্ষেত্রে ব্যবহার হয়ে থাকে।

    <small>

    টেক্সট ছোট করা ক্ষেত্রে ব্যবহার করা হয়ে থাকে।

    <source>

    অডিও, ভিডিও মিডিয়ার ক্ষেত্রে <source> ব্যবহার করা হয়।

    <span>

    section আকারে ব্যবহার হয়ে থাকে।

    <strong>

    গুরুত্বপূর্ণ টেক্সট বোল্ড করার জন্য ব্যবহার করা হয়ে থাকে strong tag ।

    <style>

    ওয়েবপেজ স্টাইলিং করার জন্য ব্যবহার করা হয়।

    <sub>

    কোন কিছু সংকেত এর জন্য ব্যবহার হয়। subscript থেকে এসেছে sub tag.

    <summary>

    একটি <বিস্তারিত> উপাদান দৃশ্যমান শিরোনাম করার জন্য ব্যবহার করা হয়ে থাকে।

    <sup>

    গানিতিক কাজের ক্ষেত্রে <sup> ট্যাগ ব্যবহার করে। superscript থেকে এসেছে sup tag.

    <table>

    টেবিল তৈরি করার জন্য

    <tbody>

    টেবিল বডির মধ্যে Content গ্রুপ করা হয়ে থাকে।

    <td>

    টেবিল সেল তৈরি করার জন্য ব্যবহার হয়

    <textarea>

    এইটি একটি ফর্ম এলিমেন্ট। টেক্সট ভিত্তিক বড় তথ্য নেবার জন্য

    <tfood>

    একটি সারিতে লেখা গ্রুপ তৈরি করার ক্ষেত্রে।

    <th>

    টেবিল heading এর তৈরির জন্য

    <thead>

    একটি সারণিতে হেডারের বিষয়বস্তু গ্রুপ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে।

    <time>

    টাইম/ডেট লেখার জন্য

    <tittle>

    ওয়েবসাইট টাইটেল নাম ব্যবহারের ক্ষেত্রে <tittle> ট্যাগ ব্যবহার হয়।

    <tr>

    টেবিল row তৈরি করার জন্য ব্যবহার হয়।

    <track>

    এইটি হচ্ছে মিডিয়া এলিমেন্ট।

    <u>

    কোন ডকুমেন্টকে আনন্ডার লাইন এর ক্ষেত্রে ব্যবহার হয়।

    <ul>

    আনঅডারড লিস্ট Un-Ordered List । বুলেটেড লিস্ট করতে লাগে

    <var>

    একটি পরিবর্তনশীল ট্যাগ। variable থেকে এসেছে

    <video>

    ভিডিও এবং মুভি দেখার ট্যাগ।

    <wbr>

    একটি সম্ভাব্য লাইন ব্রেক করার জন্য ব্যবহার করা হয়।

    Leave a Comment