নতুনদের জন্য HTML টিউটরিয়াল(HTML Tutorial for beginner)
কোন কিছুই মুখস্ত করার চেষ্টা করবেন না। যেখানে আমি কিছু করে দেখাব সেগুলো নিজে নিজে করবেন।
HTML কি?
HTML হলো ওয়েব পেইজ বানানোর জন্য ব্যবহৃত একটি কম্পিউটারের ভাষা। আপনি যেই লেখাটা এখন পড়ছেন সেটা HTML দিয়ে বানানো। আপনি যেই facebook ব্যবহার করেন সেটা বানাতেও HTML দরকার হয়েছে। HTML এর পূর্নরূপঃ Hypertext Markup Language.
HTML এর পূর্নরূপ কি, তা মুখস্ত করার দরকার নেই।
HTML বুঝার জন্য খবরের কাগজ দেখতে কেমন হয় একটু কল্পনা করুন।
উপরের ছবিটি একটি খবরের কাগজের ছবি। লক্ষ্যকরুন, খবরের কাগজের বিষয়বস্তুগুলো একটি নিয়ম মেনে সাজানো হয়েছে। শিরনাম গুলো একটু বড় এবং বোল্ট করা। বিস্তারিত খবর ছোট করে লেখা। সম্পূর্ন খবরের কাগজটি ২ টি কলামে ভাগ করা। ডানপাশের কলামটি আবার আরও দুইটি কলামে ভাগ করা এবং এই ২ টি কলামের বামে টেক্সট এবং ডানে ছবি। এভাবে আপনি সম্পূর্ন খবরের কাগজে অনেক অংশ বের করতে পারবেন। এখন, এই খবরের কাগজটি যদি ওয়েবে দেখাতে চান তাহলে আপনাকে HTML এর সাহায্য নিতে হবে। খবেরর কাগজের প্রতিটি অংশ তৈরি করতে HTML এর যেই জিনিসটা ব্যবহার করা হয় সেটাকে ট্যাগ বলে। ট্যাগ দেখতে নিচের মতঃ
<start> </start>
এখানে start মানে কিন্তু আসলে start না। মনেকরুন আপনি একটি বাক্য লিখবেনঃ I am bold এবং এই লেখাটি আপনি বোল্ড করে নিচের মত দেখাতে চানঃ
I am bold
এই কাজটি করার জন্য HTML এ একটি b নামে ট্যাগ আছে, এখানে bold শব্দটির প্রথম বর্ন ‘b’ নিয়ে ট্যাগ টি তৈরি হয়েছে। অর্থাৎ start এর জায়গায় হবে b এবং ট্যাগটি দেখতে হবেঃ <b> </b>. এখন I am bold এই লেখাটি কে <b> এবং </b> এর মাঝখানে লিখে দিলেই বোল্ড হয়ে যাবে। অর্থাৎ ট্যাগসহ লেখাটি দেখতে হবে নিচের মতঃ
<b> I am bold </b>
এই অংশে আপনি জানলেনঃ HTML কি? HTML Tag বা সংক্ষেপে ট্যাগ কি? বলা হয়ে থাকে HTML Tag জানলেই HTML শেখা হয়ে যায়। সত্যিই তাই। আপনি দেখেছেন কিভাবে একটি লেখাকে বোল্ড করা হয় <b> </b> ট্যাগ ব্যবহার করে। এখন আপানাকে শুধু বাকী ট্যাগ গুলো জানতে হবে। ব্যব্যহার হুবুহু <b> </b> ট্যাগ এর মত। অনেকে সব ট্যাগ মুখস্ত করতে যায়। এটা খুবই ভুল কাজ। আমি আমার কোর্স জুড়ে উদাহরন দিয়ে ট্যাগ গুলোর ব্যবহার দেখাব। তার আগে পরের পর্বে আমরা দেখব HTML কিভাবে কাজ করে, মানে <b> </b> এর মাঝে কোন টেক্সট থাকলে কেন সেটা বোল্ড হয়।
বলে রাখা ভাল, HTML বুঝাতে আমি খবরের কাগজের উদাহরন দিয়েছি, তারমানে এই না যে, HTML দিয়ে শুধু মাত্র খবরের কাগজের মত কাঠমো তৈরি করা যায়। HTML দিয়ে যেকোন ধরনের কাঠামো তৈরি করা সম্ভব।