বন্ধুরা, কেমন আছেন সবাই? আশা করি ভালো। আজ আপনাদের সবাইকে স্বাগত জানাচ্ছি ধারাবাহিক এইচটিএমএল টিউটোরিয়ালের ৩য় পর্বে। আগের দুইটি পর্বে আমরা যা শিখেছিলাম তা নিশ্চয়ই ভুলে যাননি। ভুলে গেলে একবার চোখ বুলিয়ে নিতে পারেন এখান থেকে

HTML tuts: পর্ব-১

HTML tuts: পর্ব-২

ইতোমধ্যে আপনারা হয়তো বুঝে গেছেন এইচ টি এম এল মূলত কি। হ্যাঁ বন্ধুরা, এইচ টি এম এল মূলত কিছু সংখ্যক ট্যাগ বিশিষ্ট শব্দ ছাড়া আর কিছু নয় ট্যাগের ভিতরে যা লেখা হয় তা কিন্তু এইচ টি এম এল নয়,তা হল এইচ টি এম এল কন্টেন্ট।

আজ আমরা দেখব এইচ টি এম এল এর মূল স্ট্রাকচারটা। নিচে লক্ষ্য করুন।

<html>

<head>

………………………….

………………………….

<title> …………………..  </title>

</head>

<body>

…………………………………..

…………………………………….

</body>

</html>

 

মূলত এই হল এইচ টি এম এল এর মূল স্ট্রাকচার বা গঠন। একটি এইচ টি এম এল পেইজে আর কোনো এইচ টি এম এল ট্যাগ থাকুন বা না থাকুক এই ট্যাগগুলো থাকবেই। তা না হলে ওয়েব পেইজ পূর্ণতা পায় না।

উপরে দেখানো স্ট্রাকচারে দুইটা ট্যাগ নিশ্চয়ই বেশি দেখতে পাচ্ছেন যা আগের পর্বে আলোচনা করা হয়নি বুঝার সুবিধার্থে। বলতে পারেন, কোন সে দুটি ট্যাগ ? হ্যাঁ বন্ধুরা, <head></head> এবং <title></title> ট্যাগ । এই ট্যাগের কাজ কি ? বন্ধুরা, এদের কাজ নিয়েই আমি  এ পর্বে আলোচনা করব। নিচের ছবিটিতে লক্ষ্য করুন।

ছবিটি গুগল সার্চ পেজের। ছবিটিতে ব্রাউজারের উপরের দিকে বাম কোণায় লক্ষ্য করুন। নিশ্চয়ই দেখতে পাচ্ছেন কি লেখা আছে। “Google-Mozilla Firefox”। এই লেখাটিতে প্রথম অংশটি অর্থাৎ “Google” শব্দটি হল এই পেজটির নাম যা ব্রাউজারে দেখানো হয়। এবং পরের অংশটি হল ব্রাউজারের নাম,যে ব্রাউজারে আপনি ব্রাউজ করছেন। ওয়েবসাইটে প্রতিটি পেজেরই একটা নাম থাকতে হয় যে নামে ব্রাউজার পেজটি চিনবে এবং আপনার সামনে পেজটি হাজির হবে। এই নামেই পেজটি আপনার সামনে হাজির হবে। উল্লেখ্য,পেজের এই নাম দেয়ার জন্যই <title> ট্যাগের ব্যবহার হয়ে থাকে যা শেষ করতে হয় </title> এর মাধ্যমে। আর এ ট্যাগটি অবশ্যই ডিক্লেয়ার করতে হয় <head> এবং </head> ট্যাগের মধ্যে।

আগের পর্বে আমি আপনাদেরকে যে এইচ টি এম এল উদাহরন দেখিয়েছি তাতে কোনো টাইটেল দেয়া হয়নি,<title> ট্যাগও ব্যবহার করা হয়নি। তাই লক্ষ্য করলে দেখতে পাবেন, ঐ উদাহরনে তৈরি করা পেজটির কোনো নামও আপনার ব্রাউজারে দেখা যাচ্ছে না,শুধুমাত্র ব্রাউজারের নামটিই ব্রাউজারে বারে দেখা যাবে।

এক্ষেত্রে আবারও উল্লেখ্য, <title> ও </tilte> ট্যাগ অবশ্যই <head> ও </head> ট্যাগের মধ্যে ডিক্লেয়ার করতে হবে, বাইরে বা <body> ও </body> ট্যাগের মধ্যে নয়।

এবার আসুন,জানি <head> ট্যাগ সম্পর্কে। এই ট্যাগ ডিক্লেয়ার করতে হয় <html> ট্যাগ ডিক্লেয়ার করার পরে এবং <body> ট্যাগ ডিক্লেয়ার করার আগে অর্থাৎ <body> ট্যগের বাইরে। <head> ট্যাগ ব্রাউজার পেইজ সম্পর্কে প্রয়োজনীয় তথ্য প্রদান করে। অর্থাৎ পেইজ সম্পর্কিত প্রয়োজনীয় তথ্য <head> ট্যাগের মধ্যে লেখা হয়। একারনেই <title> ট্যাগের মধ্যে লেখা পেইজের টাইটেলটি লেখা হয়েছে <head> ট্যগের মধ্যে।

আসুন তাহলে আরেকটি উদাহরন দেখি।

<html>

<head>

<title> My first web page </title>

</head>

<body>

Welcome to my first webpage.I am here to have a nice time watching on TV and gossiping with you. Oh, how are you all? I have already forgotten to ask you. Sorry fot that. By the way, what is your plan today to do ? Can I join you if you don’t have any problem ? When you eat your meal ? Do you love to have fast food.I don’t like that coz of having so much fat.

</body>

</html>

ভাবুনতো, আউটপুট কেমন আসবে। চেষ্টা করে দেখুন।

আজ এ পর্যন্তই। সবাই ভালো থাকবেন। ধন্যবাদ।

comments

2 কমেন্টস

  1. মিঠু ভাই সুন্দর হয়েছে। বেশি ভালো লাগছে আপনার লেখায় নতুন দের শিখানোর আন্তরিকতা দেখে।

    • ধন্যবাদ। আর TC ব্যাপারটা কি সমাধান হয়েছে?

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Time limit is exhausted. Please reload the CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.