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

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

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

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

 

Tag Description
<!–…–> এটি হচ্ছে কমেন্ট ট্যাগ। কমেন্ট অর্থ মন্তব করা। 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 এর লিস্টগুলো তুলে ধরা হল। এই ট্যাগগুলি ওয়েবপেজ তৈরি করার সময় কোডিং হিসাবে ব্যবহার হয়ে থাকে। আপনি যে ধরনের ওয়েবপেজ তৈরি করুন না কেন, তাতেও এইচটিএমএল ব্যবহার করতে হবে। এইচটিএমএল ছাড়া ওয়েবপেজ তৈরি করা সম্ভব হবে না। তাই ওয়েবপেজ তৈরি করার সময় এইচটিএমএল খুব প্রয়োজন।

Related Post

HTML abbr ট্যাগ ও abbr ট্যাগের ব্যবহার... HTML ট্যাগটি কোন সংক্ষিপ্ত ওয়ার্ডের ক্ষেত্রে ব্যবহার করা হয়ে থাকে। ধরুন আপনি BCC কোথাও ব্যবহার করবেন যার পুর্ণ রুপ হচ্ছে Bangladesh Compu...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
html link বা a tag এর ব্যবহার... Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ।  যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ...
HTML এ div ট্যাগ ও div ট্যাগের ব্যবহার... HTML এ একটি নির্দিষ্ট অংশকে আলাদাভাবে স্টাইল কিংবা ব্লক আকারে তৈরি করবার জন্য সাধারণত div ট্যাগ ব্যবহার করা হয়ে থাকে।  আমরা যখন একটি ওয়েবসাইট ভিজিট কর...
HTML – এইচটিএমএল কি এবং HTML শিখবো কিভাবে... HTML কি এবং HTML শিখবো কিভাবে? HTML একটি web based programing language যা ওয়েব সাইত তৈরি করতে ব্যবহার করা হয় এবং আজকাল মোবাইল এর অনেক এপ্লিকেশন বানাতে...
ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে... ইতি পূর্বে আমরা আলোচনা করেছি কিভাবে ওয়েবসাইটে গুগল ম্যাপ প্রর্দশন করা যায়। তারই ধারাবাহিকতায় আজকে আমরা আলোচনা করবো কিভাবে Youtube এর ভিডিও ওয়েবসাইটে প...

You may also like...

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।