এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
ফোরাম
 

এইচটিএমএল এলিমেন্টের রেফারেন্স


এইচটিএমএল এর ট্যাগ গুলো শ্রেনী ভিত্তিতে সাজানো


বেসিক এইচটিএমএল

ট্যাগ বিবরণ
<!DOCTYPE>  এটা দ্বারা কমেন্ট বুঝায়। অর্থাৎ এই ট্যাগ দিয়ে কমেন্ট করা হয়।
<html> একটি এইচটিএমএল ডকুমেন্টের মূল ট্যাগ এর জন্য ব্যবহার করা হয়। এটি অন্যান্য সকল এইচটিএমএল এলিমেন্টের ধারক।
<title> ডকুমেন্টের title এর জন্য ব্যবহার করা হয়।
<body> ডকুমেন্টের বডি কে বুঝায়।একটি এইচটিএমএল ডকুমেন্টের সব কন্টেন্টগুলোই <body> এলিমেন্টের মধ্যে থাকে
<h1> থেকে <h6> এইচটিএমএল এর হেডিং/শিরোনামের জন্য ব্যবহার করা হয়।
<p> প্যারাগ্রাফ এর জন্য ব্যবহার করা হয়।
<br> <br> ট্যাগের মাধ্যমে এক লাইনের ব্রেক নেওয়া হয়। অর্থাৎ <br> ব্যবহার করলে ওইখান থেকে লাইন ব্রেক করে পরের লাইনে চলে যাবে।
<hr> কোন একটি কন্টেন্টের পরে হরিজন্টাল রেখা টানার জন্য এই ট্যাগ ব্যবহার করা হয়।
<!--...--> এটা দ্বারা কমেন্ট বুঝায়। অর্থাৎ এই ট্যাগ দিয়ে কমেন্ট করা হয়।

ফরমেটিং

ট্যাগ বিবরণ
<acronym> এইচটিএমএল(৫)-এ এটি সাপোর্ট করে না।acronym পরিবর্তে <abbr> ব্যবহার করা হয়।
কোন একটি শব্দ গুচ্ছের সংক্ষিপ্তরূপ বুঝানোর জন্য ব্যবহার করা হয়।
<abbr> এটা দ্বারা কোন একটি শব্দ গুচ্ছের সংক্ষিপ্তরুপ বুঝায়।
<address> ডকুমেন্ট বা আর্টিকেলের লেখক/মালিক সম্পর্কে তথ্য লেখার জন্য ব্যবহার করা হয়।
<b> টেক্সট কে বোল্ড করার জন্য ব্যবহার করা হয়।
<bdi> টেক্সটের একটা অংশ যেটি অন্য টেক্সট থেকে ভিন্ন হবে।
<bdo> বর্তমান টেক্সট ডিরেকশনকে ওভাররাইট করার জন্য ব্যবহার করা হয়।
<big> এইচটিএমএল(৫)-এ সাপোর্ট করে না।এখানে তার পরিবর্তে সিএসএস ব্যবহার করুন।
বড় আকারের টেক্সটকে নির্দেশ করে।
<blockquote> অন্য সেকশন থেকে ব্লককোডের সেকশনকে আলাদা করে।
<center> এইচটিএমএল(৫)-এ সাপোর্ট করে না। এখানে তার পরিবর্তে সিএসএস ব্যবহার করুন।
টেক্সটকে center এ নিয়ে যাওয়ার জন্য ব্যবহার করা হয়।
<cite> কোন একটি কাজের টাইটেল(title) এর জন্য ব্যবহার করা হয়।
<code> কম্পিউটার কোড এর জন্য ব্যবহার করা হয়।
<del> ডকুমেন্ট থেকে ডিলেট হয়ে গেছে এরকম টেক্সটকে বুঝাইয় অথবা টেক্সট আপডেট অথবা পরিবর্তন দেখানোর জন্য ব্যবহার করা হয়।
<em> টেক্সট কে এম্পাসাইজ করার জন্য ব্যবহার করা হয়।টেক্সট ইতালিক আকারে প্রদর্শিত হয়
<font> এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে সিএসএস ব্যবহার করুন।
টেক্সটের ফন্ট, কালার,এবং সাইজ এর জন্য ব্যবহার করা হয়।
<i> টেক্সট এর একটি অংশকে ইতালিক মুড করার জন্য ব্যবহার করা হয়।
<ins> ডকুমেন্টে নতুন টেক্সট যুক্ত করতে ব্যবহার করা হয়।
<kbd> কিবোর্ডে ইনপুটের জন্য ব্যবহার করা হয়।
<mark> টেক্সটকে মার্ক বা হাইলাইট করার জন্য ব্যবহার করা হয়।
<meter> কোন কিছুর পরিমাপ বুঝানোর জন্য,<meter> ট্যাগ ব্যবহার করা হয়।
<pre> আগে থেকেই ফরম্যাট করা টেক্সট এর জন্য ব্যবহার করা হয়।
<progress> কোন টাস্ক বা কাজের প্রোগ্রেস/সফলতা/অগ্রগতিকে বুঝায়।
<q> একটি ছোট উদ্ধৃতি বুঝায়।
<rp> যেসকল ব্রাউজারে ruby টীকা সাপোর্ট করে না সেখানে কি দেখাতে হবে তার নির্দেশনা দেয়।
<rt> পূর্ব এশিয়ান অক্ষর গুলোর ব্যখ্যা করার জন্য ব্যবহার করা হয়।
<ruby> পূর্ব এশিয়ান টাইপোগ্রাফির জন্য এটি ব্যবহার করা হয়।
<s> পরিবর্তন বা মুছে ফেলার মত লেখা নির্দেশ করার জন্য ব্যাবহার করা হত। বর্তমানে এটি ব্যাবহার করা হয় না এর পরিবর্তে del ট্যাগ ব্যবহার করুন।
<samp> কম্পিউটার প্রোগ্রাম থেকে সাধারন আউটপুট এর জন্য ব্যবহৃত হয়।
<small> টেক্সট আকার ছোট করার জন্য ব্যবহার করা হয়।
<strike> এইচটিএমএল(৫)-এ সাপোর্ট করে নাএর পরিবর্তে <del> বা <s> ব্যবহার করুন।
টেক্সটকে বাদ/কাটার জন্য ব্যবহার করা হয়।
<strong> টেক্সট এর গুরুত্ব বুঝায়।
<sub> সাবস্ক্রিপ্ট টেক্সটের জন্য এই ট্যাগ ব্যবহার করা হয়।
<sup> সুপারস্ক্রিপ্ট টেক্সট এর জন্য ব্যবহার করা হয়।
<time> তারিখ/সময় বুঝানোর জন্য ব্যবহার করা হয়।
<tt> এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে সিএসএস ব্যবহার করুন।
টেলিটাইপ টেক্সট কে বুঝায়।
<u> একটি সাধারন টেক্সট এর নিচে আন্ডারলাইন দেওয়ার জন্য ব্যাবহার করা হয়।
<var> ভেরিয়েবল কে বুঝাতে ব্যবহার করা হয়।
<wbr> উপযুক্ত স্থানে লাইন ব্রেক করতে ব্যবহার করা হয়।

ফরম এবং ইনপুট

ট্যাগ বিবরণ
<form> ব্যবহারকারীর তথ্য ইনপুট নেয়ার জন্য একটি এইচটিএমএল ফরম তৈরী করতে ব্যবহার করা হয়।
<input> একটি ইনপুট ফিল্ড নির্দিষ্ট করে যেখানে ব্যবহারকারী তথ্য প্রবেশ করতে পারে।।
<textarea> ইনপুট এর ভেতর এক বা একাধিক-লাইনকে কন্ট্রোল করার জন্য ব্যবহার করা হয়।
<button> ক্লিক করা যায় এমন বাটন তৈরী করতে ব্যবহার করা হয়।
<select> সাধারনত ড্রপ-ডাউন লিস্টের জন্য ব্যবহৃত হয়।
<optgroup> গ্রুপ সম্পর্কিত অপশনগুলো ড্রপ- ডাউন লিস্টে দেখানোর জন্য ব্যবহার করা হয়।।
<option> একটি ড্রপ-ডাউন লিস্টের এক বা একাধিক অপশন এর জন্য ব্যবহার করা হয়।
<label>   <input> এলিমেন্ট এর লেভেলকে নির্দেশ করার জন্য ব্যবহার করা হয়।
<fieldset> ফরমের গ্রুপ সম্পর্কিত এলিমেন্ট এর জন্য ব্যবহার করা হয়।
<legend> <fieldset>এলিমেন্টের ক্যাপশন নির্দেশ করতে ব্যবহার করা হয়।
<datalist> ইনপুট এলিমেন্টের জন্য কিছু পূর্বনির্ধারিত অপশনের একটি লিস্ট উল্লেখ করে।
<keygen> ফর্মের মধ্যে key-pair জেনারেটর ফিল্ড এর জন্য ব্যবহার করা হয়।
<output> ফলাফল দেখাতে ব্যবহার করা হয়।

ফ্রেম

ট্যাগ বিবরণ
<frame> এইচটিএমএল(৫)-এ সাপোর্ট করে না।
ফ্রেমসেটের একটি উইন্ডোর জন্য ব্যবহার করা হয়।
<frameset> এইচটিএমএল(৫)-এ সাপোর্ট করে না ।
একসাথে কিছু ফ্রেম এর সেটকে বুঝায়।
<noframes> এইচটিএমএল(৫)-এ সাপোর্ট করে না।
যেসকল ব্রাউজারে ফ্রেম সাপোর্ট করে না, তাদের জন্য <noframes> ট্যাগটি ব্যবহার করা হয়
<iframe> একটি ইনলাইন ফ্রেম এর জন্য ব্যবহার করা হয়।ডকুমেন্টের মধ্যে আরেকটি ডকুমেন্ট বসানোর জন্য ব্যবহার করা হয়।

ইমেজ

ট্যাগ বিবরণ
<img> ইমেজ অন্তর্ভুক্ত করার জন্য ব্যবহার করা হয়।
<map> ক্লাইন্ট-সাইডের ইমেজ-ম্যাপ এর জন্য ব্যবহার করা হয়।
<area> ইমেজ ম্যাপ এর ভিতর একটি এরিয়াকে নির্দেশ করে ।
<canvas> স্ক্রিপ্ট ব্যাবহার করে গ্রাফিক্স আঁকতে <canvas> ট্যাগ ব্যাবহার করা হয়।
<figcaption> <figure>এলিমেন্টের শিরোনামকে বুঝানোর জন্য ব্যবহার করা হয়।
<figure> স্বয়ংসম্পূর্ন কন্টেন্ট যেমন কোন কিছুর ব্যাখ্যা,ডায়াগ্রাম,ছবি,কোডের লিস্ট ইত্যাদি নির্দেশ করে।

অডিও/ভিডিও

ট্যাগ বিবরণ
<audio> সাউন্ড কন্টেন্ট এর জন্য ব্যবহার করা হয়। সাধারনত অডিও যুক্ত করা হয়।
<source> মিডিয়া এলিমেন্টে একাধিক মিডিয়া রিসোর্সের জন্য ব্যবহার করা হয় (<video> এবং < audio>)
<track> মিডিয়া এলিমেন্টের জন্য টেক্সট ট্র্যাক নির্দিষ্ট করতে ব্যবহার করা হয়(<video> এবং< audio >)
<video> এই ট্যাগের মাধ্যমে ভিডিও এ্যাড করা হয়।

লিংক

ট্যাগ বিবরণ
<a> <a>ট্যাগ দ্বারা হাইপারলিংক (hyperlink) বুঝায়, যেটি এক পেজ থেকে অন্য পেজে লিংক করতে ব্যবহার হয়। <a>এলিমেন্টের সবচেয়ে গুরুত্বপূর্ন এট্রিবিউট হচ্ছে href এট্রিবিউট যেটি লিংকের গন্তব্য নির্দেশ করে।
<link> কোন ডকুমেন্ট এবং অন্য কোন external রিসোর্সের সাথে সম্পর্ক বু্ঝায়। (স্টাইল সীট লিংক করার জন্য সবচেয়ে বেশি ব্যবহার করা হয়)
<nav> নেভিগেশন লিংক তৈরী করার জন্য ব্যবহার করা হয়।

লিস্ট

ট্যাগ বিবরণ
<ul> আনঅর্ডার লিস্ট কে বুঝায়।
<ol> অর্ডার লিস্ট কে বুঝায়।
<li> লিস্ট আইটেম কে বুঝায়।
<dir> এইচটিএমএল(৫)-এ সাপোর্ট করে না।ই এর পরিবর্তে <ul> ব্যবহার করুন।
তা ডিরেক্টোরি লিস্ট এর জন্য ব্যবহার করা হয়।
<dl> লিস্ট এর বর্ণনার জন্য ব্যবহার করা হয়।
<dt> বর্ণনামূলক লিস্টের নাম অথবা শর্ত নির্ধারন করার জন্য ব্যবহার করা হয়।
<dd> বর্ণনামূলক লিস্টে ব্যাখ্যা/বিবরন বর্ণনা করার জন্য ব্যাবহার করা হয়।
<menu> কমান্ডের লিস্ট বা মেনু তৈরী করার জন্য ব্যবহার করা হয়।
<menuitem> এটি দ্বারা কমান্ড/মেনু আইটেমকে বুঝায়, যা ইউজার পপ-আপ মেনু থেকে খোচা(invoke)/কল করতে পারে।

টেবিল

ট্যাগ বিবরণ
<table> <table> তৈরি করার জন্য টেবিল ট্যাগ ব্যবহার করা হয়।
<caption> <caption> ট্যাগ শিরোনামের জন্য ব্যবহার করা হয়। অর্থাৎ টেবিলের শিরোনাম দেয়ার ক্ষেত্রে এটি ব্যবহার করা হয়।
<th> টেবিলে শিরোনাম(header) লিখার জন্য এটি ব্যবহার করা হয়।
<tr> টেবিলের সারি বানানোর জন্য এই ট্যাগ ব্যবহার করা হয়।
<td> td দ্বারা টেবিল ডাটাকে বুঝায়। অর্থাৎ টেবিলের মধ্যে যে কন্টেন্টগুলো লিখা হয় তাই টেবিল ডাটা।
<thead> টেবিল এর গ্রুপ হেডার কন্টেন্ট যোগ করার জন্য ব্যবহার করা হয়।
<tbody> টেবিলের বডি কন্টেন্টগুলোকে গ্রুপ করার জন্য ব্যবহার করা হয়।
<tfoot> টেবিল এর গ্রুপ ফুটারে কন্টেন্ট যোগ করার জন্য ব্যবহার করা হয়।
<col> <colgroup> এলিমেন্ট দ্বারা প্রত্যকটি কলামের জন্য কলাম প্রোপার্টিকে নির্দিষ্ট করে।
<colgroup> টেবিলের এক বা একাধিক কলামকে সাজানোর জন্য ব্যাবহার করা হয়।

স্টাইল এবং সিমেন্টিক

ট্যাগ বিবরণ
<style> একটি ডকুমেন্টের স্টাইল করার জন্য ব্যবহার করা হয়।
<div> ডকুমেন্টের মধ্যে একটি division বা একটি section নির্দেশ করে করে।
<span> লেখার বা ডকুমেন্টের নির্দিষ্ট অংশে আলাদা স্টাইল দেয়ার জন্য ব্যবহার করা হয়।
<header> একটি ডকুমেন্ট বা সেকশনের শিরোনাম(header) এর জন্য ব্যবহার করা হয়।
<footer> একটি ডকুমেন্ট অথবা সেকশনের ফুটার(footer)নির্দেশ করে।
<main> একটি ডকুমেন্ট একটি ডকুমেন্টের মূল বিষয়বস্তু উল্লেখ করে।
<section> ডকুমেন্টের সেকশন নির্দেশ করে যেমনঃ অধ্যায়, হেডার, ফুটার অথবা ডকুমেন্টের যেকোনো সেকশন ।
<article> আর্টিকেল এর জন্য ব্যবহার করা হয়।
<aside> মূল পেইজের এক পাশের কনটেন্ট কে বুঝায়।
<details> কিছু অতিরিক্ত তথ্যকে নির্দেশ করে, যেটা চাইলে একজন ব্যবহারকারী ভিউ অথবা হাইড করতে পারে।
<dialog> একটি ডায়ালগ বক্স অথবা ডায়ালগ উইন্ডোকে বুঝানোর জন্য ব্যবহার করা হয়।
<summary> <details>এলিমেন্টকে সংক্ষিপ্ত আকারে দেখানোর জন্য <summary> ব্যবহার করা হয়

মেটা তথ্য

ট্যাগ বিবরণ
<head> ডকুমেন্ট সম্পর্কে তথ্য বুঝায়।
<meta> এইচটিএমএল ডকুমেন্ট সম্পর্কে মেটা তথ্য বুঝায়।
<base> ওয়েব পেজে ব্যবহারকৃত সকল লিংকের URLs এবং টার্গেট নির্ধারণ করে।
<basefont> এইচটিএমএল(৫)-এ সাপোর্ট করে না।এর পরিবর্তে সিএসএস ব্যবহার করুন।
একটি ডকুমেন্ট এর কিছু ডিফল্ট কালার, সাইজ, এবং ফন্ট নির্দেশ করে।

প্রোগ্রামিং

ট্যাগ বিবরণ
<script> ক্লাইন্ট-সাইড স্ক্রিপ্ট (জাভাস্ক্রিপ্ট) উল্লেখ করতে ব্যবহৃত হয়।
<noscript> যে সকল ব্রাউজারে স্ক্রিপ্ট সক্রিয় নয়, সেসকল ব্রাউজারে <noscript> ট্যাগ বিকল্প কন্টেন্ট হিসাবে কাজ করে।
<applet> এইচটিএমএল(৫)-এ সাপোর্ট করে না।এর পরিবর্তে <embed> অথবা <object> ব্যবহার করুন।
এম্বেড করা অ্যাপলেট নির্ধারণ করে।
<embed> এক্সটার্নাল এপ্লিকেশন ফ্লাশ এনিমেশন ফাইল,ইমেজ,ভিডিও,ইঊটিউব ভিডিও অথবা ইন্টারেক্টিভ বিষয়বস্তু(একটি প্লাগ-ইন) নির্ধারণ করে।
<object> ডকুমেন্টের মধ্যে একটি এম্বেডেড অবজেক্ট নির্ধারন করে।
<param> প্লাগইন এম্বেড করার জন্য প্যারামিটার নির্ধারণ করতে ব্যবহার করা হয়।