যারা HTML শিখছেন কিংবা শিখবেন তাদের জন্য . . .

By Mohammod Saifoddowla|2017-10-26T09:55:40+06:00February 18th, 2017|Categories: Education, ICT|0 Comments

বিভিন্ন প্রকার HTML Tag এর নাম ও এর ব্যবহারসমূহ দেখে নিন-

Container Tag:
<html> ও </html>: পুরো HTML ডকুমেন্ট নির্দেশ করে।
<head> ও </head>: ওয়েবপেজ এর বিস্তারিত তথ্যের জন্য ব্যবহৃত হয়।
<title> ও </title>: ডকুমেন্টের শিরোনাম যুক্ত করা জন্য ব্যবহার হয়।
<body> ও </body>: ওয়েবপেজের মূল অংশ সংযোজন করার জন্য ব্যবহার হয়।
<h1> ও </h1>: ট্যাগে সর্ববৃহৎ ফন্টের হেডার প্রদর্শনের জন্য ব্যবহৃত হয়।
<h6> ও </h6>: ট্যাগে সবচেয়ে ছোট ফন্টের হেডার প্রদর্শনের জন্য ব্যবহৃত হয়। হেডার ট্যাগ ১-৬ পর্যন্ত হয়।
<abbr> ও </abbr>: Abbreviation Tag নির্দেশ করে।
<b> ও </b>: লেখাকে Bold text নির্দেশ করে।
<i> ও </i>: লেখাকে Italic text নির্দেশ করে।
<u> ও </u>: লেখাকে আন্ডারলাইন করার জন্য।

<font> ও </font>: লেখার ফন্ট, ফন্ট সাইজ ও ফন্ট কালার পরিবর্তনের জন্য ব্যবহৃত হয়।
<big> ও </big>: লেখাকে স্বাভাবিকের চেয়ে বড় করার জন্য।
<small> ও </small>: লেখাকে খুব বেশি ছোট করার জন্য।
<blockquote> ও </blockquote>: বিশেষ উদ্ধৃতি প্রকাশ করতে ব্যবহার হয়।
<marquee> ও </marquee>: লেখাকে স্ক্রলিং (চলমান) করার জন্য ব্যবহার হয়।
align=“left” : লেখাকে বামে নেওয়ার জন্য।
<center></center>: লেখাকে মাঝখানে নেওয়ার জন্য।
align=“right” : লেখাকে ডানে নেওয়ার জন্য।
align=“justify” : লেখাকে সমবিন্যাস করার জন্য।
<font size=“14” : লেখার আকার নির্ধারণ করা জন্য।
<font color=“red” : লেখার রং নির্ধারণ করা জন্য।
<font face=“Arial” : লেখার ধরণ নির্ধারণ করা জন্য।
<code> ও </code>: কম্পিউটার কোড টেক্সটে প্রকাশ করা।
<form> ও </form>: ফরম তৈরি করতে ব্যবহৃত হয়।
<input> ও </input>: ফরমের ইনপুট ফিল্ড তৈরিতে ব্যবহৃত হয়।
<li> ও </li> : লিস্ট(তালিকা) তৈরি করতে ব্যবহৃত হয়।
<ul> ও </ul>: আন অর্ডার লিস্ট তৈরিতে ব্যবহৃত হয়।
<ol> ও </ol>: অর্ডার লিস্ট তৈরিতে ব্যবহৃত হয়।
<p> ও </p>: প্যারাগ্রাফ নির্দেশ করে।

<strong> ও </strong>: strong টেক্সট নির্দেশ করে।
<sub> ও </sub>: লেখাকে subscripted text নির্দেশ করে।
<sup> ও </sup>: লেখাকে superscripted text নির্দেশ করে।
<! . . . . . /> : ওয়েবপেজে যে কোন স্থানে মন্তব্য লেখার জন্য।
<strike> ও </strike>: লেখাকে মাঝ বরাবর দাগ কাটার জন্য।
<q>< ও /q>: ট্যাগের ভিতরের লেখাকে কোটেশনের জন্য।
<mark> ও </mark>: টেক্সটকে মার্ক/ হাইলাইট করে।
<del> ও </del>: লেখায় দাগ টেনে ডিলেট করা হয়েছে এমন বুঝাতে ব্যবহৃত হয়।
<em> ও </em>: এম্পাসাইজড টেক্সট(গাঢ় ও ইটালিক) দেখাতে ব্যবহার হয়।
<ins> ও </ins>: ইনসার্টকৃত টেক্সট নির্ধারণে ব্যবহৃত হয়। লেখার নিচে আন্ডারলাইন হয়।
<cite> ও </cite>: লেখাকে একটু ভিন্নভাবে দেখার জন্য।
<dfn> ও <dfn>: লেখাকে একটু ভিন্নভাবে দেখার জন্য।
<blink> ও </blink>: লেখায় কোন ইফেক্ট (মিটমিট) দেয়ার জন্য।
<pre> ও </pre>: পাসওয়ার্ডের মতো লেখা।
<a> ও </a>: হাইপারলিংক ট্যাগ ( এক ওয়েবপেজ থেকে অন্য ওয়েবপেজে সংযোগ)।

Empty Tag:
<br>: লাইনে ব্রেক করে, নতুন লাইন তৈরি করা
<hr>: সমান্তরাল রেখা তৈরি করার জন্য।
<img>: ওয়েবপেজে ছবি সংযুক্ত বা প্রদর্শনের জন্য
<br/>: বিশেষ প্রয়োজনে লাইন টানা যায়
পরীক্ষা নং-২। বিভিন্ন ধরণের ট্যাগ ( টেক্সট ফরম্যাটিং ট্যাগ, হাইপারলিংক ট্যাগ, টেবিল ট্যাগ ও বডি ট্যাগ) এর বর্ণনা।
টেক্সট ফরম্যাটিং ট্যাগ:
কোনো কিছু তৈরি করার পর তাকে বিভিন্নভাবে বৈশিষ্ট্য মন্ডিত করাকেই ফরম্যাটিং বলা হয়। আর টেক্সট ফরম্যাটিং হলো টেক্সটকে সঠিক আকৃতি প্রধান করে সুন্দরভাবে উপস্থাপন করে ওয়েবপেজকে ফুটিয়ে তোলার পদ্ধতি। ডকুমেন্টকে মনোরমভাবে ওয়েবপেজে উপস্থাপন করার জন্য এর টেক্সটকে ফরম্যাট করার প্রয়োজন হয়।

HTML -এ এই কাজগুলো করার জন্য নির্দিষ্ট কিছু ট্যাগ আছে। নিচে এ রকম কিছু ফরম্যাটিং ট্যাগের বর্ণনা দেওয়া হলো-
বিভিন্ন ধরণের Tag এর নাম ও ব্যবহার :
<b> ও </b>: লেখাকে Bold text নির্দেশ করে।
<i> ও </i>: লেখাকে Italic text নির্দেশ করে।
<u> ও </u>: লেখাকে আন্ডারলাইন করার জন্য।
<font> ও </font>: লেখার ফন্ট, ফন্ট সাইজ ও ফন্ট কালার পরিবর্তনের জন্য ব্যবহৃত হয়।
<big> ও </big>: লেখাকে স্বাভাবিকের চেয়ে বড় করার জন্য।
<small> ও </small>: লেখাকে খুব বেশি ছোট করার জন্য।
<s> ও </s>: লেখার মাঝখানে দাগ টেনে দেয়।

হাইপারলিংক(Hyperlink):
একটি ওয়েবপেজের সাথে আরেকটি ওয়েবপেজের সাথে যুক্ত করাকে বলা হয় হাইপারলিংক বা সংযোগ লিংক। সার্ভার ও ব্রাউজারের মধ্যে HTTP এর মাধ্যমে তথ্যের আদান-প্রদান করা হয়। এর মাধ্যমে সার্ভারের কোন একটি রিসোর্সে অবস্থিত পেজ, কিছু টেক্সট, ছবি, মুভি, অডিও ইত্যাদি ব্যবহারকারী ক্লিক করে ওয়েবপেজের অন্যান্য স্থানে সহজে গমন ও ব্রাউজ করতে পারে। লিংকের মাধ্যমে ওয়েবপেজে আরো বেশি পেজ যুক্ত করা যায়। হাইপারলিংকে অ্যাংকর(Anchor) শব্দটি বা <a> ট্যাগ ব্যবহার করা হয়।
টেবিল ট্যাগ: ওয়েবপেজের কোন তথ্যকে যখন সারি ও কলামে উপস্থাপন করা তখন তাকে টেবিল বলে। HTML এ টেবিল তৈরি করার জন্য <table> ট্যাগ ব্যবহৃত হয়। <table> এর সহিত <tr> ট্যাগ দ্বারা রোতে ভাগ করা থাকে এবং প্রতিটি রো <td> ট্যাগ দ্বারা ডেটা সেলসমূহ বিভক্ত থাকে। td এর পূর্ণরূপ হলো table data, যা একটি ডেটা সেলের কনটেন্ট। একটি ডেটা সেলে ইমেজ, টেক্সট, ফটোগ্রাফ ইত্যাদি ব্যবহার করা যায়।

নিম্নে কয়েকটি <table> ট্যাগ এর বর্ণনা দেয়া হলো:
<table>ও </table>: টেবিল তৈরি করতে ব্যবহৃত হয়।
<col> ও </col>: টেবিলে কলাম তৈরি করতে ব্যবহৃত হয়।
<td> ও </td>: টেবিলে ডেটা প্রদানের জন্য ব্যবহৃত হয়।
<tr> ও </tr>: টেবিলের সারি তৈরি করতে ব্যবহৃত হয়।
<th>: টেবিলের হেডারকে নির্ধারণ করে।
<h4>: টেবিলের নাম হিসাবে হেডার ট্যাগ।
<caption>: টেবিলের শিরোনাম দেবার জন্য।
<colgroup>: টেবিলের কলামগুলোর গ্রুপসমূহকে নির্ধারণ ।
<thead>: টেবিলের হেড নির্ধারণ করে।
<tbody>: টেবিলের বডি নির্ধারণ করে।
<tfoot>: টেবিলের ফুটার নির্ধারণ করে।

colspan: এ অ্যাট্রিবিউট ব্যবহার করে টেবিলের সেলকে একাধিক কলাম নির্ধারণ করে।
rowspan: অ্যাট্রিবিউট ব্যবহার করে টেবিলের সেলকে একাধিক রো নির্ধারণ করে।
Body ট্যাগ:
ওয়েবপেজ বা ডকুমেন্টের মূল অংশ Body ট্যাগের ভিতরে থাকে। <head> এলিমেন্ট শেষ হবার পরপর <Body> ট্যাগ শুরু হয়। এটি একটি Container টাইপ ট্যাগ হওয়ার কারণে <Body> দিয়ে শুরু হবে এবং </Body> ট্যাগ দিয়ে শেষ হবে। একটি ওয়েবপেজের যাবতীয় কনটেন্ট (image, Text, Table, Form, Frame, Paragraph, Heading etc) এই সেকশনে লিখতে হবে। বডি সেকশনে বিভিন্ন ট্যাগ ব্যবহার করে ওয়েবপেজে বিভিন্ন কনটেন্টকে প্রদর্শন ও তাদের সুন্দর করে সাজানো হয়। <body> ট্যাগের সাথে মোট ছয়টি অ্যাট্রিবিউট ব্যবহার করে ওয়েবপেজকে আকর্ষণীয় করে তোলা হয়। এগুলো হলো-

অ্যাট্রিবিউট HTML Code ব্যাখ্যা
bgcolor: <body bgcolor = “yellow”>: ব্যাকগ্রাউন্ডের রঙ হলুদ হবে।
background: <body background=”college.jpg”>: college নামের .jpg ফরম্যাটের ইমেজ ব্যাকগ্রাউন্ডে প্রদর্শিত হবে।
text: <body text=”green”>: <body> ট্যাগের মধ্যে সকল টেক্সেটের রঙ সবুজ দেখাবে।
link: <body link=”blue”>: ওয়েবপেজের যাবতীয় লিংক এর রঙ নীল দেখাবে।
vlink: <body vlink=”red”>: এর ফলে visited লিংক এর রঙ লাল দেখাবে।
alink: <body alink=”green”>: এর ফলে লিংক এর রঙ সবুজ দেখাবে।

পরীক্ষা নং-৩। HTML লেখার স্ট্রাকটার বা গঠন কাঠামো:
১। পেইজের html ট্যাগঃ প্রত্যেক html ডকুমেন্টে অবশ্যই ফাইলের শুরুতে <html> ট্যাগ এবং ফাইলের শেষে </html> ট্যাগ লিখতে হয়। অন্যান্য সব তথ্য এর ভিতরে থাকে।

_________________________________________________________________________