এইচটিএমএল ট্যাগ

আজ আমরা এইচটিএমএল ট্যাগ নিয়ে আলোচনা করবো । এইচটিএমএল ট্যাগ সব সময় Less Than (<) চিহ্ন দিয়ে শুরু হয় এবং Greater Than (>) চিহ্ন দিয়ে শেষ হয় । তাই, <html>, <head>, <body> লেখা হয়েছে । প্রায় প্রত্যেকটি ট্যাগ এর শুরু এবং শেষ আছে । তাই, যখন <html>, <head>, <body> ট্যাগ শুরু হয়েছে তখন ট্যাগটি </html>, </head>, </body> এভাবে শেষ হয়েছে । ট্যাগ শেষ করার জন্য Less Than চিহ্নের পরে একটা Forward Slash (/) চিহ্ন দিতে হয় । অর্থাৎ html ট্যাগ শুরু হয় <html> এভাবে এবং শেষ হয় </html> এখানে পার্থক্য শুধু একটা Forward Slash এছাড়া কোন পার্থক্য নেই । ট্যাগ সরাসরি ব্রাউজারে প্রদর্শন করে না । তবে এইচটিএমএল ট্যাগ কন্টেন্ট এর ধরন পরিবর্তন করতে পারে । আমি এখন একটি উদাহরণের মাধ্যমে আপনাদের কাছে বিষয়টি পরিষ্কার করবো ।

নিচের কোডটুকু একটি টেক্সট এডিটর এ লিখে index.html সেভ করুন;

<!DOCTYPE HTML>
<html>
<head>
<title> HTML Tutorial </title>
</head>
<body>
<i> This is Italic Text. </i>
</body>
</html>

যদি এবার index.html ফাইলটি ব্রাউজারে প্রদর্শন করানো হয় তাহলে This is Italic Text লেখাটি ইটালিক স্টাইল এ প্রদর্শিত হবে । কেননা, আমরা ইটালিক ট্যাগ ব্যবহার করেছি । এছাড়া, টেক্সটকে বোল্ড, আন্ডারলাইন করার জন্য আলাদা আলাদা ট্যাগ রয়েছে । যেমন, <p>…</p> (প্যারাগ্রাফ টেক্সট নির্ধারণ করার জন্য ।), <i>…</i> (ইটালিক টেক্সট নির্ধারণ করার জন্য), <b>…</b> (বোল্ড টেক্সট নির্ধারণ করার জন্য), <u>…</u> (আন্ডারলাইন টেক্সট নির্ধারণ করার জন্য) এছাড়া আরও অনেক ট্যাগ রয়েছে । আমরা তা পর্যায়ক্রমে আলোচনা করবো ।

Series Navigation<< এইচটিএমএল কি?এইচটিএমএল প্যারাগ্রাফ >>

Leave a Reply

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