No Comments

বিসমিল্লাহীর রহমানীর রাহীম

HTML এর ধারাবাহিক টিউটোরিয়ালের ৩য় পর্বে আপনাকে স্বাগতম। আপনি যদি পূর্বের পর্বগুলো মিস করে থাকেন তাহলে এখানে ক্লীক করে দেখে নিন। গত পর্বে আমরা HTML এর একটি বেসিক কোড সম্পর্কে জেনেছিলাম। তা হলো :

<html>

<head>

<title> Home Page </title>

</head>

<body>

This is a simple web page.

</body>

</html>

এবার আসুন HTML এর কোডগুলো নিয়ে সংক্ষেপে বিস্তারিত আলোচনা করা যাক। উপরে প্রোগ্রামের মধ্যে <> এবং </> এর মধ্যে কিছু Keyword এর সমন্বয়কে ট্যাগ বলা হয়। যেমন : <body> , <html> হলো একেকটি ট্যাগ। অর্থাৎ <html> কে HTML ট্যাগ বলে। তবে এর মধ্যে ২টি প্রকারভেদ আছে। একটি Start ট্যাগ এবং অপরটি End ট্যাগ। <> এবং Keyword দিয়ে কোন ট্যাগ শুরু হয় এবং </> এবং Keyword দিয়ে ট্যাগ শেষ হয়। যেমন: <html> হলো Start ট্যাগ এবং </html> হলো End ট্যাগ।

1. HTML ট্যাগ :

এই ট্যাগটি শুরু হয় <html> ট্যাগ দ্বারা এবং শেষ হয় </html> ট্যাগ এর মাধ্যমে। মূলত HTML এর সকল কোড সমূহ এই দুই ট্যাগ এর মাঝখানে লেখা হয়। অর্থাৎ আপনি যদি HTML দিয়ে কোন কোড লেখা শুরু করেন তাহলে সর্বপ্রথম <html> ট্যাগটি টাইপ করতে হবে এবং কোড লেখার পর </html> দিয়ে কোড লেখা শেষ করতে হবে। উদাহরণ হিসেবে আপনি উপরে বর্ণিত কোডগুলো দেখতে পারেন যেখানে HTML কোডগুলো লেখা হয়েছে HTML ট্যাগ এর মাঝখানে।

2. Head ট্যাগ :

এই ট্যাগটির গঠন হলো <head></head>। এই ট্যাগটির মাঝে ওয়েব পেইজ এর যাবতীয় জরুরী বিষয়াদি উল্লেখ করা হয়। যেমন : CSS কে Call করা, ওয়েবপেইজের শিরনাম নির্ধারণ অথবা Meta Tag দেওয়া ইত্যাদি এই ট্যাগের মাঝে লেখা হয়ে থাকে।

3. Title ট্যাগ :

<title></title> ট্যাগটি দ্বারা ওয়েবপেইজের শিরনাম / টাইটেল উল্লেখ করা হয়ে থাকে।

4. Body ট্যাগ :

এটি একটি গুরুত্বপূর্ণ ট্যাগ। কেননা ওয়েব পেইজের মধ্যে কী কী থাকবে তা এই ট্যাগের মাঝখানে লেখা হয়ে থাকে। body ট্যাগ এর লেখার নিয়ম হলো <body></body>।

উপরের বর্ণিত বেসিক কোডটির ভিজুয়্যাল রূপ :

 

এবার আসুন HTML এর কিছু সাধারণ ট্যাগগুলোর সাথে পরিচিত হয়ে নেই :

ট্যাগ সমূহ

বর্ণনা

<html> </html>

HTML ডকুমেন্ট নির্দেশ করে।

<head></head>

ওয়েব পেইজের header অংশকে নির্দেশ করে ।

<title></title>

ওয়েব পেইজের টাইটেল দেওয়ার জন্য ব্যবহৃত হয়।

<body></body>

ওয়েব পেইজের সকল ট্যাগ এর মধ্যে লিখতে হয়।

<b></b>

টেক্সট মোটা করার জন্য।

<i></i>

টেক্সট Italic করার জন্য।

<big></big>

স্বাভাবিকের চেয়ে বড় টেক্সট লেখার জন্য।

<small></small>

স্বাভাবিকের চেয়ে ছোট টেক্সট লেখার জন্য।

<blockquote> </blockquote>

বিশেষ উদ্ধৃতি প্রকাশ করার জন্য।

<br / >

লাইন ব্রেক তৈরি করার জন্য।

<code></code>

কম্পিউটার কোড টেক্সট প্রকাশ করে।

<table></table>

টেবিল তৈরি করার জন্য ব্যবহার করা হয়।

<col></col>

টেবিলের কলাম তৈরিতে ব্যবহার হয়।

<td></td>

টেবিলের সেল তৈরিতে ব্যবহার হয়।

<tr></tr>

টেবিলের সারি তৈরিতে ব্যবহার হয়।

<form></form>

ফরম তৈরির জন্য ব্যবহার করা হয়।

<h1></h1>

হেডার ট্যাগ 1-6 পর্যন্ত হয়।

<hr/>

সমান্তরাল রেখা তৈরি করে।

<img/>

ছবি সংযুক্ত করার জন্য ব্যবহৃত হয়।

<input></input>

ফরমের ইনপুট ফিল্ড তৈরিতে ব্যবহৃত হয়।

<li></li>

লিষ্ট তৈরীর জন্য।

<meta></meta>

Meta প্রকাশের জন্য ব্যবহৃত হয়।

<ol></ol>

অর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।

<ul></ul>

আনঅর্ডার লিষ্ট তৈরিতে ব্যবহৃত হয়।

<p></p>

প্যারাগ্রাফ কে নির্দেশ করে

<tt></tt>

টেলিটাইপ টেক্সট নির্দেশ করে।

<strong></strong>

মোটা টেক্সট নির্দেশ করে।

<sub></sub>

subscripted টেক্সট নির্দেশ করে।

<sup></sup>

superscripted text নির্দেশ করে।

 

আজ আপাতত এতটুকুই। যদি আপনার কোন প্রশ্ন থেকে থাকে তাহলে কমেন্টস করে জানাতে পারেন। আমাদের সাথে থাকার জন্য আপনাদের অসংখ্য ধন্যবাদ।


আব্দুর রহিম আইটি ওয়ার্ল্ডের একজন লেখক, সম্পাদক এবং উপদেষ্টা। বর্তমানে তিনি ডিপ্লোমা ইন কম্পিউটার সায়েন্স এন্ড ইঞ্জিনিয়ারিং পড়ছেন। মূলত তিনি ব্লগিং , প্রোফেশনাল ওয়েব ও গ্রাফিক্স ডিজাইন করে থাকেন। তাকে ফেসবুকে পাবেন।

You might like also

Leave a Reply

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

Time limit is exhausted. Please reload CAPTCHA.