এইচটিএমএল ট্যাগ লিস্ট 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 title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
HTML br ট্যাগ এবং br ট্যাগের ব্যবহার... আমরা ওয়েবে সাধারনত বিভিন্য Paragraph গুলো p tag এর মধ্যে রাখি । আর লিখাগুলো এক লাইন শেষ হলে অটো পরের লাইনে চলে আসে । কিন্তু এমন যদি হয় যে আপনি চাচ্ছেন...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...
HTML iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...
HTML এ div ট্যাগ ও div ট্যাগের ব্যবহার... HTML এ একটি নির্দিষ্ট অংশকে আলাদাভাবে স্টাইল কিংবা ব্লক আকারে তৈরি করবার জন্য সাধারণত div ট্যাগ ব্যবহার করা হয়ে থাকে।  আমরা যখন একটি ওয়েবসাইট ভিজিট কর...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...

You may also like...

Leave a Reply

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