এইচটিএমএল ট্যাগ পরিচিতি

 এইচটিএমএল হলো একটি মার্কআপ ল্যাংগুয়েজ, টেক্সট-বেজড ল্যাংগুয়েজ যা ওয়েবপেজ লেখার জন্য ব্যবহৃত হয়। এইচটিএমএল ট্যাগস হলো এইচটিএমএল ডকুমেন্টের সাথে এমবেডেড কোডিং নির্দেশাবলি (ইন্সট্রাকশনস)। ওয়েব ব্রাউজার এইচটিএমএল ট্যাগ এর লেখা প্রদর্শন করে থাকে। ট্যাগ হলো কীওয়ার্ড যা জোড়া অ্যাঙ্গেল ব্রাকেটের মধ্যে লিখতে হয়। প্রথম অ্যাঙ্গেল ব্র্যাকেট <> কে ওপেনিং ট্যাগ এবং স্ল্যাসসহ শেষ অ্যাঙ্গেল ব্র্যাকেট </> কে ক্লোজিং ট্যাগ বলা হয়। HTML Tags সিনটেক্সঃ

<tag name> content </tag name>

ট্যাগগুলো সাধারণত জোড়ায় জোড়ায় আসে; যেমন- <b> এবং </b>। এ জোড়ার প্রথম ট্যাগটি হলো শুরুর ট্যাগ আর দ্বিতীয়টি হলো শেষ করার ট্যাগ। এ ট্যাগগুলোকে ওপেনিং ট্যাগ এবং ক্লোজিং ট্যাগ নামেও ডাকা হয়।

বিশেষভাবে লক্ষণীয় যে, কোনো ট্যাগ শুরু করলে অবশ্যই সেটি শেষ করার জন্য ওই ট্যাগের শেষের দ্বিতীয় অংশটুকু ব্যবহার করতে হবে।

যেমনঃ <p>This is a paragraph.</p> 

ট্যাগ এর গঠনঃ

• অপেক্ষাকৃত ক্ষুদ্রতর চিহ্ন (A less than sign "<") 

• একটি অক্ষর বা শব্দ (A character or word) 

• অপশনাল স্পেস এর পর এইচটিএমএল এট্রিবিউট যার গঠন হলো এট্রিবিউট নাম = "ভ্যালু” 

• অপেক্ষাকৃত বৃহত্তর চিহ্ন (A greater than sign ">") 

• শেষ ট্যাগে ফ্রন্ট ফ্ল্যাশ চিহ্ন ("/")।

নিচে হেডিং তৈরির ট্যাগ দেখানো হলোঃ

<h1>I am a new coader</h1>

<h1>শুরুর ট্যাগ

এর মাঝে যা প্রদর্শন করবেন তা লিখতে হবে।

</h1>শেষের(ক্লোজিং) ট্যাগ

<h1>শুরূর ট্যাগ হিসেবে ব্যবহার করলে </h2> শেষের ট্যাগ হিসেবে ব্যবহার করা যাবে না। চলুন তবে দেখে নেয়া যাক কি সমস্যা হতে পারে।

কোডঃ

<h1> I am a new coader </b>

আউটপুটঃ

কি কোন পরিবর্তন লক্ষ্য করলেন না তাইতো। আচ্ছা এবার নিচের কোডটি লিখুন।

কোডঃ

<h1>I am a new coader</b> Please pardon my mistakes.</h1>

আউটপুটঃ

কি এবারও কিছু বুঝতে পারলেন না তাইতো? আচ্ছা তাহলে নিচের উদাহরণটি লক্ষ্য করুন।

কোডঃ <h1>I am a new coader</h1> Please pardon my mistakes.</b>

আউটপুটঃ

কি এবার নিশ্চয়ই পরিবর্তন লক্ষ্য করতে পেরেছেন। আসুন এবার ধাপে ধাপে ব্যাখ্যা করি।

প্রথম উদাহরণটিতে শুরুর ট্যাগ ছিল<h1> এবং শেষের ট্যাগ ছিল</h1> যার দরুন <h1> এর প্রভাব ট্যাগটি শেষ হওয়ার আগ পর্যন্ত বহাল ছিল।

এই কারণে ট্যাকটি শেষ হওয়ার আগ পর্যন্ত যতগুলো লেখা ছিল সবাইকে ১নং হেডিং এ পরিণত করেছে। হেডিং সম্পর্কে এইচটিএমএল হেডিং অধ্যায়ে বিস্তারিত জানতে পারবেন।

দ্বিতীয় উদাহরণটিতে দেখা যায় শুরুর ট্যাগ<h1> হলেও শেষের ট্যাগ ছিল </b>. যার কারণে<h1> বহাল থাকলেও </b> এর পরে কিছু লেখা হয়নি বলে পরিবর্তন লক্ষ্য করতে পারেননি।

আর তিন নম্বর উদাহরণে </b> এর পর কিছু লেখার কারণে পরিবর্তন লক্ষ্য করতে পেরেছেন।

তার মানে একটি ট্যাগ শুরু করলে ওই ট্যাগটি ততক্ষণ পর্যন্ত বহাল থাকে যতক্ষণ না ট্যাগটিকে ক্লোজ করা হয়।

আশা করি বুঝতে পেরেছেন। বুঝতে অসুবিধা হলে নিচে কমেন্ট করার সুযোগ রয়েছে কমেন্টে আপনার মন্তব্য বা সমস্যার কথা জানাতে পারেন। তাছাড়া আমাদের ফেসবুক পেজ ও গ্রুপ রয়েছে সেখানেও পোস্ট কিংবা মেসেজ দিতে পারেন।