আমরা জানি যে একটি html ফাইল তৈরী করতে হলে কতগুলো শর্টকোডের সাহায্য নিতে হয়। আর এই শর্টকোড গুলোকেই বলে Tag। যার দ্বারা আমরা আমাদের Website এ লেখাকে বিভিন্ন ভাবে দেখাতে পারি।
আর এই Tag গুলো লিখার নিয়ম হলো প্রত্যেকটি ট্যাগকে এঙ্গেল ব্রাকেট (<) দিয়ে ঘিরে লিখতে হবে যেমন-
< some tag name >
এবং প্রত্যেক Tag কে যে নামে শুরু করেছেন সেই নামে শেষ করতে হবে। যেমন-
< some tag name > < / some tag name >
এখানে দেখা যাচ্ছে যে, Tag শেষ করতে হলে / এই ফরওয়ার্ড স্ল্যাশটি ব্যবহার করতে হয়। এখন আমরা html এর কিছু Tag দেখব, যেমন-
<b> <i> <p> <sup> <h3>
এবার চলুন এই Tag গুলোর ব্যবহার দেখি। মনে রাখবেন যে, প্রত্যেকটি html tag এর জন্য লেখাকে সেই Tag এর ভিতরে লিখতে হবে।
- <b>some text which will be bold</b>
- <i>some text while will be italic</i>
- <p>This is a paragraph</p>
- <sup>This is a superscript</sup>
- <h3>This is a H3 heading</h3>
এখানে দেখতে পাচ্ছেন যে আমরা বিভিন্ন html Tag ব্যবহার করেছি এবং লেখাগুলো সেই Tag এর মাঝখানে দিয়েছি।
উপরে আমরা দেখেছি যে, যেই html Tag দিয়ে শুরু করব সেই Tag আবার শেষ করতে হবে তবে কিছু কিছু Tag আছে যার জন্য আপনাকে Tag শেষ করতে হয় না, যেমন-
১. <img> (এই Tag টি কোন ছবি দেখানোর জন্য ব্যবহার করা হয়)
২. <br> (এই Tag টি কোন একটি লাইন ব্রেক করার জন্য ব্যবহার করা হয়)
৩. <hr> (এই Tag টির মাধ্যমে আপনি অনুভূমিক রেখা আঁকতে পারবেন)
ট্যাগ এট্রিবিউট (Tag Attribute)
Attribute ব্যবহারের মাধ্যমে আপনি html এর Tag এর আরো ব্যবহার বিধি বাড়াতে পারেন। এই Attribute আপনাকে শুরু Tag এর মধ্যে লিখতে হয়। যেমন- Attribute এর নাম তারপর ডাবল ইকুয়াল সা্ইন তারপর ডাবল কোটেশন আর এই ডাবল কোটেশনের ভিতরেই সেই Attribute এর ভ্যালু লিখতে হবে, যেমন-
<img src=”myImage.jpg” width=”100”>
এখানে আমরা img Tag ব্যবহার করেছি কোন ছবি দেখানোর জন্য এবং এই img Tag এর মধ্যে আমরা ২টি Attribute ব্যবহার করেছি আর তা হলো-
src এবং width
src Tag এর কাজ হলো আমাদের ছবির লোকেশন বলে দেয়া যার ফলে ঐ লোকেশন থেকে আমাদের ছবিটা প্রদর্শিত হবে এবং width Tag এর কাজ হলো এই ছবির দৈর্ঘ্য নির্ধারন করা।
আমরা আরো একটি উদাহরন দেখতে পারি আর তা হলো a Tag যাকে আমরা বলি HyperLink মানে কোন একটা লেখা বা ছবিকে বা কোন কিছুকে লিংক করা, যার ফলে এক স্থান থেকে অন্য স্থানে যাওয়া যায়।
কোন একটা লেখাকে লিংক করতে হলে আমরা যা করি তা হলো-
<a href=http://amarcourse.com>Some Text</a>
এখানে দেখা যাচ্ছে যে আমরা a ট্যাগের ভিতরে href নামে একটি attribute ব্যবহার করেছি যার ফলে আমরা যদি এই Some Text লেখার উপর ক্লিক করি তাহলে এই http://amarcourse.com লোকেশনে চলে যাবো।
তাহলে আমরা বলতে পারি যে html এর ট্যাগ এর ভিতরেও যে src, width, href ইত্যাদি ব্যবহার করা হয়েছে এইগুলোই হচ্ছে এক একটি Attribute।