HTML দিয়ে ওয়েব পেইজের কাঠামো তৈরি (HTML Web page Design Example )

এই পর্যন্ত আমরা যা শিখলাম সেগুলো ব্যবহার করে আজকে একটি ওয়েব পেইজ দেখতে কেমন হয় তার একটি বেসিক কাঠামো তৈরি করে ফেলব। একটি ট্যাগ দেখতে কেমন হয় মনে আছে? <start> </start>.  এখানে start এর জায়গায় HTML এর ট্যাগ টা বসিয়ে দিতে হবে। মনে করুন, HTML এর একটি ট্যাগ এর নামঃ আম। তাহলে ট্যাগ টা দাঁড়াবে <আম> </আম>। আম নামে কোন ট্যাগ নাই, নিছক মজা করে ট্যাগ কেমন হয় সেটা আপনার মাথায় ঢুকিয়ে দেওয়ার চেষ্টা। আরও একটি ব্যাপার লক্ষ্য করুন, প্রতিটা ট্যাগ এর ২টি অংশ। যেমনঃ <আম> হচ্ছে প্রথম অংশ, এটাকে বলা হয় ওপেনিং ট্যাগ। আবার </আম> হচ্ছে দ্বিতীয় অংশ। এটাকে বলা হয় ক্লোজিং ট্যাগ। একটি ওয়েব পেইজের একেবারে বেসিক কাঠামো তৈরি হয় ৩টি ট্যাগ নিয়ে। ট্যাগ তিনটি হচ্ছেঃ html ট্যাগ, <head> ট্যাগ এবং  body ট্যাগ।  head ট্যাগ এবং body ট্যাগ টাকে html ট্যাগ এর ভেতরে লিখতে হয়। এই তিনটা ট্যাগের সাথে আরও একটি লাইন একেবারে শুরুতে লিখে দিতে হয়। লাইনটা হলঃ <!DOCTYPE html>.  অর্থাৎ  একটা HTML ওয়েব পেইজের কাঠামো দেখতে এরকমঃ

এখানে <!DOCTYPE html> লাইনটার মানে হলঃ এখানে যা কিছু লেখা হচ্ছে সেটার DOCUMENT TYPE হলঃ html.

ওয়েব সাইট যত বড়ই হোক না কেন- এই বেসিক কাঠামো থাকবেই। অভিনন্দন আপনি ওয়েব সাইট বানানোর প্রাথমিক ধাপ শেষ করে ফেলেছেন! এর পরের পর্বে আমরা দেখব HTML কোডটি কোথাও লিখবেন এবং কিভাবে আপনার বানানো ওয়েব সাইট টি দেখবেন। 


Next Previous