Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list

HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ লিস্ট এ।  আমরা প্রতিনিয়ত যে ওয়েবসাইট গুলো দেখি তার সবগুলোতেই HTML কোড আছে। আজকাল  মোবাইলের এপ্লিকেশন বানাতেও HTML5 ব্যবহার হয়ে থাকে। আবার অনেক সময় ফেসবুকে গেমস বা এপ্লিকেশন দেখে থাকতে পারেন। সেই এপ্লিকেশন গুলোও এইচটিএমএল ব্যবহার করে তৈরি করা যায়।  তো আমরা নিচের অংশে  HTML ট্যাগ লিস্ট দেখে নেই।


এইচটিএমএল ট্যাগ লিস্ট

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

 

TagDescription
<!–…–>এটি হচ্ছে কমেন্ট ট্যাগ। কমেন্ট অর্থ মন্তব করা। html এ comment করার জন্য ব্যবহার হয়
<!DOCTYPE><!DOCTYPE> ব্যবহার করা হয়ে থাকে html এর কোন ভার্সন সেইটাকে বোঝাতে।
<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>একটি সম্ভাব্য লাইন ব্রেক করার জন্য ব্যবহার করা হয়।

 

সাধারণত উপরের অংশে মোটামুটি HTML5 এর লিস্টগুলো তুলে ধরা হল। এই ট্যাগগুলি ওয়েবপেজ তৈরি করার সময় কোডিং হিসাবে ব্যবহার হয়ে থাকে। আপনি যে ধরনের ওয়েবপেজ তৈরি করুন না কেন, তাতেও এইচটিএমএল ব্যবহার করতে হবে। এইচটিএমএল ছাড়া ওয়েবপেজ তৈরি করা সম্ভব হবে না। তাই ওয়েবপেজ তৈরি করার সময় এইচটিএমএল খুব প্রয়োজন।

You may also like...

6 Responses

  1. Kabir Hossain says:

    অনেক অনেক ধন্যবাদ। তবে tag এর সাথে syntax দিলে ভালো হত।

  2. Abu Rayhan says:

    Nice Post Vaiya Tobe Marquee Tag Ar Description Dile Valo Hoto

  3. sajib says:

    thanks for websit

  4. Haren RD says:

    অনেক অনেক ধন্যবাদ দাদা, যে আপনি আমাদের মত স্টুডেন্টদের সাহায্যের জন্য এতটা এগিয়ে এসেছেন, নিজের Knowledge কে আমাদের দের সাথে শেয়ার করার জন্য..

Leave a Reply

Your email address will not be published. Required fields are marked *