HTML ল্যাঙ্গুয়েজ পর্ব ০২ঃ এস টি এম এল ট্যাগ পরিচিতি।। ১০% প্রিয় খাঁক

হ্যালো বন্ধুরা
আসসালামু আলাইকুম। আশা করি আপনারা সবাই অনেক ভাল আছেন। আমিও মহান সৃষ্টিকর্তার রহমতে অনেক ভাল আছি। আজ আমি আবারো উপস্থিত হয়েছি আপনাদের সাথে নতুন কিছু নিয়ে। আজ আমি আপনাদের সাথে এস টি এমএল ল্যাঙ্গুয়েজ এর আরেকটি পাঠ আপনাদের সাথে শেয়ার করব ‌। গত পর্বে ^{১ম পর্ব} আমি এটিএম এর সম্পর্কে শুধু সামান্য ধারণা দিয়েছে আজকে এস টি এম এল ট্যাগ ও এর সিন্টেক্স পরিস্থিতি নিয়ে আলোচনা করব।

Source

আমরা জানি একটি ওয়েব পেজকে সুন্দর ও নান্দনিকভাবে সবার সামনে উপস্থাপন করার মূল হাতিয়ার বা অস্ত্র হলো এস টি এম এল। আর ওয়েব পেজটি কেমন ভাবে প্রদর্শিত হবে তা নির্ভর করে ট্যাগ এর উপর। এসটিএমএল ট্যাগ হলো এমন একধরনের মার্কআপ যা একজোড়া ব্র্যাকেট অ্যাঙ্গেল এর মধ্যে লিখতে হয়।

এইচটিএমএল ট্যাগ এর গঠন:

< Open tag > content </Close tag>

<open tag >=এটি ব্যবহার করে ট্যাগ শুরু করা হয়।যে ট্যাগ ব্যবহার করবে সেটি মাঝ খানে লিখে ব্যবহার করতে হবে।

content. =মাঝের এই জায়গায় যে কোন জিনিস ব্যবহার করা যায়।

</close tag> =এটা হল ফিনিশিং ট্যাগ। অর্থাৎ যে ট্যাগ ব্যবহার করে শুরু করা হয়েছে সেই ট্যাগ দিয়ে ফিনিশ করতে হবে। তবে শেষ করার আগে একটি ফরওয়ার্ড স্লাশ (/) ব্যবহার করতে হবে।

এইচটিএমএল ট্যাগ এর প্রকারভেদ:

আমরা সাধারণত ওয়েবপেজ তৈরিতে যে এইচটিএমএল ট্যাগগুলো ব্যবহার করি । সেই ট্যাগ গুলো কে দুই ভাগে ভাগ করা যায়।

• এমপ্টি ট্যাগ
• কনটেইনার ট্যাগ

এমপ্টি ট্যাগ: এক কথায় বলতে গেলে এমপ্টি ট্যাগ হলো সেই ট্যাগ গুলো যে ট্যাগগুলোর শুরু আছে কিন্তু শেষ নেই। শুধুমাত্র ওপেনিং ট্যাগ ব্যবহার করতে হবে আর ক্লোজিং ট্যাগ ব্যবহার করতে হয় না । যেমন:

<br> =এটি হলো একটি এমপ্টি ট্যাগ। এটি আমরা লাইন ব্রেক এর সময় ব্যবহার করে থাকি। এই ট্যাগ ব্যবহার করলে এক লাইন গ্যাপ থাকে।

<hr> = এটি একটি এমপ্টি ট্যাগ। এটি দিয়ে একটি অনুভূমিক লাইন তৈরি করা হয়। মাঝ বরাবর সরু লম্বা একটি দাড়ি তৈরি হয়ে যায়।

কনটেইনার ট্যাগ:যে ট্যাগের শুরু আছে এবং শেষও আছে সেই ট্যাগ কে কনটেইনার ট্যাগ বলা হয়। আমরা সাধারণত যে সকল ট্যাগ ব্যবহার করে থাকে সেগুলোই কনটেইনার ট্যাগ এর অন্তর্ভুক্ত। যেমন:

< i >••••••••••</i >
এর মাঝখানে যে কোন লেখা লিখলে সেটা অটোমেটিক ইতালি লেখাতে পরিণত হয়ে যাবে।

<b>•••••••••</b>

আবার এর মাঝখানে যে কোন লেখা লিখলে সেটি মোটা কালো বর্ণের আকার ধারণ করবে।

কয়েকটি গুরুত্বপূর্ণ এস টি এম এল কোড :

• <p> text </p>= লেখাটিকে সুন্দর করে প্যারাগ্রাফ আকারে সাজাতে এই ট্যাগ ব্যবহার করা হয়।

• < b> text <‌‌/b >= লেখাটিকে স্বাভাবিকের তুলনায় একটু মোটা করতে এই ট্যাগ ব্যবহার করা হয়।

• < i> <‌‌/ i >= কোন একটি লেখাকে একটু বাঁকা করতে বা ইতালিক করতে এই ট্যাগ ব্যবহার করা হয়।

• < u> <‌‌/u >= কোন একটি লেখার নিচে আন্ডার লাইন দিতে এইটা ব্যবহার করা হয়।

• <strong > <‌‌/strong >= মূলত এই ট্যাগ দিয়ে ও লেখাটিকে আগের তুলনায় একটু মোটা করা যায়।

• <small > <‌‌/small >=লেখাটির সাইজ ছোট করতে এটি ব্যবহার করা হয়।

• <del > <‌‌/del >= কোন লেখার মাঝখান দিয়ে দাড়ি দিতে এই ট্যাগ ব্যবহার করা হয়।

• <sub> <‌‌/sub>=লেখাটিকে স্বাভাবিকের চেয়ে একটু নিচে নামাতে এইটা ব্যবহার করা হয়।

• <sup> <‌‌/sup >= লেখাটিকে স্বাভাবিকের চেয়ে একটু উপরে তুলতে এটি ব্যবহার করা হয়।

• <s> <‌‌/s>=এটি দিয়েও মূলত লেখার মাঝখানে দাঁড়িয়ে দেওয়া যায়।

---

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