videosদ্বাদশ কম্পিউটার

HTML ট্যাগ বিস্তারিত এইচটিএমএল Latest 2020

HTML ট্যাগ: আপনারা যারা ওয়েব ডিজাইন শিখতে চাছেন, তাদের জন্য HTML (Hyper Text Markup Language) শেখাটা খুবই জরুরী। আর এর মধ্যে সবচেয়ে প্রয়োজনীয় সেটি হল HTML ট্যাগ। আর এই নিয়ে এই পোষ্ট।

HTML ট্যাগ

সবকিছু শিখার একটি সুনিদৃষ্ট নিয়ম আছে। তেমনি HTML শিখতে কিছু নিয়ম নিতি মেনে চলতে হয়। HTML মানেই হল কতগুলি tag এর খেলা। আপনি যদি tag গুলো কষ্ট করে একবার মনে রাখতে পারেন তাহলে আপনার কাজ অনেক সহজ হয়ে যাবে। অবশ্য HTML (এইচটিএমএল) এ tag গুলো খুব সোজা। একটু চেষ্টা করলাই পারবেন। নিম্নে কিছু html এর ট্যাগ ও ট্যাগগুলোর ব্যবহার দেখানো হল।

ট্যাগের নাম বর্ণনা
<html> </html> (HTML) ডকুমেন্ট নির্দেশ করে
<head> </head> (HEAD) প্রোগ্রামে প্রধান অংশ নির্দেশ করে
<title> </title> (TITLE) ডকুমেন্ট শিরোনাম নির্দেশ করে
<body> </body> (BODY) প্রোগ্রাম মূল অভ্যন্তরস্থ অংশ নির্দেশ করে
<a> </a> (ANCHOR) নির্দেশ করে (hyperlink বানানোর জন্য)
<abbr> </abbr> (ABBREVIATION) সংক্ষিপ্তরূপ নির্দেশ করে
<b> </b> (BOLD) টেক্সট বোল্ড বা মোটা করার জন্য
<i> <i> (ITALIC) বাঁকা লেখা নির্দেশ করে (টেক্সটকে ইতালিক করার জন্য)
<big> </big> (BIG) স্বাভাভিকের চেয়ে বড় লেখা নির্দেশ করে
<small> </small> (SMALL) স্বাভাভিকের চেয়ে ছোট লেখা নির্দেশ করে
<blockquote> </blockquote> (BLOCKQUOTE) বিশেষ উদ্ধৃতি প্রকাশ করতে ব্যবহৃত হয়
<br /> একটা লাইন ব্রেক তৈরি করে (লাইন ব্রেক করার জন্য ব্যবহৃত হয়।)
<code> </code> (CODE) প্রোগ্রামিং কোড বুঝানোর জন্য ব্যবহৃত হয়।
<table> </table> (TABLE) টেবিল তৈরি করতে
<col> </col> টেবিলে কলাম তৈরি করতে ব্যবহৃত হয়
<td> </td> টেবিলে সেল তৈরি করতে ব্যবহৃত হয়
<tr> </tr> টেবিলে সারি তৈরি করতে ব্যবহৃত হয়
<form> </form> (FORM) ফর্ম তৈরি করতে ব্যবহৃত হয়
<h1> </h1> (HEADER) শিরোনাম লিখতে ব্যবহৃত হয়।
<hr/> সমান্তরাল রেখা তৈরি করে
<img/> (IMAGE) চিত্র যুক্ত করতে ব্যবহৃত হয়
<input> </input> (INPUT) ফর্ম ফিল্ডে তৈরি করতে ব্যবহৃত হয়
<li> </li> (LIST) তালিকা তৈরি করতে ব্যবহৃত হয়।
<ol> </ol> (ORDER LIST) অর্ডার তালিকা তৈরি করতে ব্যবহৃত হয়
<ul> </ul> (UNORDER LIST) আনঅর্ডার তালিকা তৈরি করতে ব্যবহৃত হয়।
<p> </p> (PARAGRAP) পৃথক প্যারাগ্রাফ তৈরি করতে ব্যবহৃত হয়।
<pre> </pre> (PRE-FORMATTED) পূর্ব ফর্মেটকৃত লেখা নির্ধেশ করে
<tt> </tt> (TELETYPE) টেলিটাইপ লেখা নির্ধেশ করে
<strong> </strong> (STRONG) স্ট্রঙ লেখা নির্ধেশ করে
<sub> </sub> (SUBSRICPTED) উপঃলিপি লেখা নির্ধেশ করে
<sup> </sup> (SUPERSRICPTED) সুপারস্ক্রিপ্ট লেখা নির্ধেশ করে
<meta> </meta> (META) মেটা ট্যাগ

নিম্নে আরও কিছু HTML ট্যাগ নিয়ে আলোচনা করা হল-

ট্যাগের নাম ট্যাগের বিবরন
<blink> … </blink> লিখাকে blinking করার জন্য।
<ins> . .. </ins> লিখাকে insert করার জন্য
<del>…</del> লিখাকে delete করার জন্য
<strike>..</strike> লিখার মাঝখানে দাগ দেওয়ার জন্য
<tt>..</tt> লিখাকে টাইপ রাইটারে টাইপ করার মতো
<pre>..</pre> যেভাবে লাইন ব্রেক,স্পেস, ট্যাব ইত্যাদি ব্যবহার করা হবে সেভাবে ব্রাউজারে দেখাবে।
<command>….</commend> কমান্ড বাটন তৈরীতে ব্যবহৃত হয়
<manu>..</manu> মেন্যু নির্দেশের জন্য ব্যবহৃত হয়।
<strong>…</strong> অধিক গুরুত্বপূর্ণ লিখাকে হাইলাইট করার জন্য।
<em>…</em> অধিক গুরুত্বপূর্ণ লিখাকে emphasized করতে ব্যবহৃত হয়।
<sub>…</sub> লিখাকে supscript করার জন্য।
<sup>…</sup> লিখাকে superscript করার জন্য।
<abbr>…</abbr> abbreviation ট্যাগ
<style>…</style> বিষয়বস্তু কোন style a ব্রাউজারে দেখা যাবে তা এই teg এ বর্নিত হয়।
<center>…</center> লিখা বা ছবিকে মাঝখানে align করার জন্য।
<cite>….</cite> লিখাকে রেফারেন্স বা উদ্ধৃতি হিসাবে প্রকাশ করার জন্য।
<font>…</font> লিখার বিভিন্ন নাম,কালার,সাইজ দেয়ার জন্য।
<address>…</address> কোন ঠিকানা নিদিষ্ট করে দেখার জন্য।
<marquee>…</marquee> লিখাকে একদিক থেকে অন্যদিকে চলাচল করানোর জন্য।
<caption>…</caption> টেবিলের উপরে caption লিখার জন্য
<th>..</th> টেবিলের হেডিং সেল বানানোর জন্য।
<audio>… </audio> অডিও যোগ করার জন্য।
<video>… </video> ভিডিও যোগ করার জন্য
</embed> পেইজে video যোগ করার জন্য ব্যবহৃত হয়।
</embed> পেইজে audio যোগ করার জন্য ব্যবহৃত হয়।

এটিও পড়ুন – এইচ টি এম এল বিষয়ক গুরুত্বপুর্ন প্রশ্ন ও উত্তর -HTML Questions

ট্যাগ উদারন

ট্যাগ এর প্রধান তিনটি অংশ আছে এক. শুরু করার ট্যাগ (opening tag) দুই. ধারনকৃত অংশ (contents) তিন. শেষ করার ট্যাগ (closing tag)।

এইচটিএমএল ট্যাগ এর মাধ্যমে আপনি web page এ আপনার পছন্দ মত বার্তা পাঠাতে পারেন।

<p>A Paragraph Tag</p>
ট্যাগ এর বর্ণ ছোট হাতের অক্ষর হওয়া উচিত। নিচে আরো কতক গুলো ট্যাগ দেখানো হলো।

<body> Body Tag (acts as a content shell)
<p>Paragraph Tag</p>
<h2>Heading Tag</h2>
<b>Bold Tag</b>
<i>Italic Tag</i>
</body>

এগুলিও পড়তে পারেন -

Related Articles

Leave a Reply

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

Back to top button